我正在尝试通过覆盖来向 Material UI 自动完成纸张添加一个按钮PaperComponent
prop并在论文的按钮处添加了一个按钮,但是点击该按钮会自动关闭自动完成搜索结果
如何防止自动完成搜索结果 Paper 在单击时关闭
这是一个沙箱:https://codesandbox.io/s/material-demo-mxjyi https://codesandbox.io/s/material-demo-mxjyi
更新:我没有注意到沙箱没有保存,现在你可以看到问题了
问题是onBlur
这发生在你之前onClick
。 Material UI 可以忽略模糊行为debug
模式,但只有当你的内部有一个值时才会发生这种情况Autocomplete
.
解决方法是使用onMouseDown
代替onClick
根据您的 Codesanbox,请更改onClick
事件至onMouseDown
事件在你的<button>
成分
<button
style={{ margin: "10px", padding: "5px" }}
onMouseDown={() => alert("clicked")}
>
讨论了与 Material-UI 无关的问题here https://stackoverflow.com/questions/17769005/onclick-and-onblur-ordering-issue also
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)