如何在React中动态附加事件？

Question

我在React中有一个Window（一个div），我希望它可以调整大小。使用onMouseDown={this.handleMouseDown}接口我可以实现它，但问题是只要我留在div中，那些处理程序才会被调用。

当您调整元素大小时，通常会将光标移动到div之外以指示您希望它增长。因此，我想在onMouseDown事件中向onMouseMove附加一个全局侦听器，以便我可以实现它。

我将如何解决这个问题，还是有更好的方法？

Answer 1

是的，将事件处理程序附加到窗口的onmousemove和onmouseup（以分离动态添加的事件处理程序）事件运行良好，然后即使鼠标移动到窗口外，事件也会触发。

在React的onmousedown事件中使用addEventListener很容易。