material-uiのオートコンプリートを最初に選択する方法はありますか？

Question

material-uiにはオートコンプリートコンポーネントがありますが、最初の子を自動選択する方法が見つかりませんでした。ある？

Answer 1

searchText propを使用してテキストを設定できます。たとえば、次のようになります。

<AutoComplete 
    searchText={dataSource1[0].text} 
    dataSource={dataSource1} 
/><br /> 


const dataSource1 = [ 
    { 
    text: 'text-value1', 
    value: (
    <MenuItem 
     primaryText="text-value1" 
     secondaryText="&#9786;" 
    /> 
    ), 
    }, 
    { 
    text: 'text-value2', 
    value: (
    <MenuItem 
     primaryText="text-value2" 
     secondaryText="&#9786;" 
    /> 
    ), 
    }, 
];