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

Question

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

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