我正在使用 Material-UI 创建一个可编辑的文本字段和 react 。
当您在文本字段之外时，它看起来像
div或span元素:
但是当你
mouseover它时，会出现一个编辑图标:
当你点击它时，消息就像一个经典的文本字段:
我遇到的问题是一切正常，除了我无法点击编辑图标(它变成闪烁)
我正在分享我已经做过的事情:https://codesandbox.io/s/jny3704v63
我知道问题的根源，但我不知道如何解决它!问题是当你
mouseover编辑图标时，我们在文本字段的一个mouseout事件中并且handleMouseOut函数会被执行。您可以通过注释
handleMouseOut的内容来检查，但是离开文本字段时图标不会消失!
有什么想法吗？
最佳答案
您可以使用 onMouseEnter 和 onMouseLeave 代替 onMouseOver 和 onMouseOut 来解决这个问题。您可以在此处了解差异:https://javascript.info/mousemove-mouseover-mouseout-mouseenter-mouseleave
关于reactjs - 可编辑的 React-MaterialUI TextField 组件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54574011/