React js material-ui Autocomplete 从renderInput

Question

我正在尝试使用 的新版本Autocomplete，我想确保当从下拉菜单中选择一个元素时，我想修改文本字段的输入，以便能够将芯片与其中选定的文本。有没有办法知道在autocomplete renderInput所选项目中？然后将此信息传递给文本字段的InputProps.

Answer 1

据我在他们的自定义自动完成示例中看到的，您可以将这些参数用于所选项目：

renderOption={(option, { selected }) => (...)}

Answer 2

我认为您可以尝试使用 renderTags：

renderTags={(tagValue, getTagProps) => {

  return tagValue.map((option, index) => (

    <MyChip {...getTagProps({ index })} label={option.title} />

  ));

 }}