Material Ui 自动完成 - 过滤选项未按预期工作

Question

我有自动完成功能，可以传递一系列获取的和预定义的选项... https://codesandbox.io/s/geocoding-demo-forked-2f189?file=/src/App.js

当我输入“Diestsestraat Leuven”时，它不会显示任何选项，但是当我 console.log 时，我会看到一系列选项。

• 我用这个答案修复了这个问题 - /sf/answers/4795445441/ （我添加了 -filterOptions={(options) => options}它显示选项列表......）

但它不会过滤掉预定义的选项（参见屏幕截图）

有什么建议么？

Answer 1

就我而言，我尝试向renderOption解决方案添加密钥。参考：这里

 <Autocomplete
        ...
          renderOption={(props, item) => (
                  <li {...props} key={item.key}>
                    <ListItemText>{item.label}</ListItemText>
                  </li>
        )
  />