Material UI 自动完成 popper 自定义在单击时关闭

Question

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

如何防止自动完成搜索结果 Paper 在点击时关闭

这是一个沙箱：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")}
>

与 Material-UI 无关的问题也在这里讨论