React Material-UI 自动完成自定义“无选项”文本

Question

我正在查看 MaterialUI 提供的这个自动完成示例

https://codesandbox.io/s/81qc1

我想知道如果未找到结果，如何显示“未找到选项”消息。

Answer 1

使用 props noOptionsText进行 Material-UI 自动完成

没有选项时显示的文本。出于本地化目的，您可以使用提供的翻译。

• 参考：Autocomplete API 文档

import Autocomplete from '@material-ui/lab/Autocomplete';

<Autocomplete
  noOptionsText={'Your Customized No Options Text'}
  ...
/>

Answer 2

对于那些根本不希望出现“无选项”的人，

<Autocomplete 
    freeSolo={true}
/>