如何在React中显示自动完成文本字段中的选定值？

Question

新手在这里做出反应，我正在使用多格式应用程序构建搜索页面，用户可以在自动完成的文本字段中搜索具有名字，姓氏或学生ID的学生。

现在，自动完成的文本字段的选项已成功传递，并且一旦光标位于文本字段中就会显示出来，但是键入或实际选择一个值似乎并不影响文本字段的值。

下面的代码

<Autocomplete
        id="auto-complete"
        options={values.suggestions}
        getOptionLabel={option => option.stuId+" "+ option.fName+" "+option.lName}
        autoComplete
        includeInputInList
        fullWidth
        renderInput={params => (
           <TextField {...params}  margin="normal" fullWidth />)}
        />

值通过道具传递。

预期结果是使用选定学生的stuId更新状态为'searchKeyword'的结果，并显示自动完成文本字段的结果。我可以使用onChange或默认值函数吗？

Answer 1

这是您要寻找的吗？

<Autocomplete
  ...
  value={this.state.value}
  onChange={(event, value) => this.setState({ value })}
  ...
/>