如何从 React Material UI 的选项中选择项目后移除焦点

Question

我链接了一个代码沙箱示例程序Sample Program，在这里我们可以注意到，一旦我们从选项中选择一个项目，它仍然处于聚焦状态，但我不希望它在选择选项后获得聚焦。

有人可以帮忙解决这个问题吗，提前致谢:)

Answer 1

添加blurOnSelect道具到Autocomplete

<Autocomplete
    {...otherProps}
    blurOnSelect    // <== Here
/>

来自Mui Autocomplete文档： https:
//mui.com/material-ui/api/autocomplete：

blurOnSelect: '鼠标' | '触摸' | 布尔
默认值：false