物料UI自动完成弹出器自定义在单击时关闭

Question

我试图通过覆盖PaperComponent道具在Material UI自动完成纸中添加一个按钮，并在该文件的按钮处添加一个按钮，但是单击该按钮会自动关闭自动完成搜索结果

我如何防止自动完成搜索结果点击后关闭纸张

这是一个沙箱：https://codesandbox.io/s/material-demo-mxjyi

更新：我没有注意到沙箱没有保存，现在您可以看到问题了

Answer 1

问题是onBlur出现在onClick之前。 Material UI提供了忽略debug模式下的模糊行为的功能，但是只有在Autocomplete内部有一个值时，这种情况才会发生。

解决方法是使用onMouseDown代替onClick

根据您的Codesanbox，请将onClick组件中的onMouseDown事件更改为<button>事件

<button
   style={{ margin: "10px", padding: "5px" }}
   onMouseDown={() => alert("clicked")}
>

here也讨论了与Material-UI不相关的问题