html - 如何在反应中使用鼠标悬停

Question

我是 react.js 的新手，我被困在需要在 div 上设置移动器的地方，如果鼠标悬停在该 div 上，则调用其他 div 的 id，以便可以显示该 id 中的内容. 任何类型的帮助都将不胜感激

标签： htmlcssreactjshtml-lists

Answer 1

您可以使用 onMouseEnter 和 onMouseLeave 事件。

    <div
      onMouseEnter={this.onMouseEnter.bind(this)}
      onMouseLeave={this.onMouseLeave.bind(this)}
      style={{ border: "1px solid red", width: "50%", height: "250px" }}
    />
    <div>

https://codesandbox.io/s/13l5l4x04l