reactjs - 有没有办法首先选择material-ui的自动完成功能

Question

material-ui有一个自动完成组件，但是我找不到自动选择第一个 child 的方法。有吗？

Answer 1

您可以通过 searchText 属性设置文本。例如这样:

<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;"
     />
    ),
  },
];