我正在使用React VX编写图表,并且我在整个图表中添加了一个onMouseDown(为了处理缩放效果,我必须跟踪用户何时按下以捕获开始缩放框)。我还有一个onClick函数附加到图表上的每个点,因为我想在用户点击一个点时做一些事情。
问题是,当我点击一个点时,onClick函数不会被调用。我认为这是因为在调用onClick之前调用了mousedown函数,并且当调用mousedown时,我更新UI以显示zoombox,它再次调用render并将新的onClick函数附加到每个点。
<Point onClick={this.handlePointClick} />
这就是我目前处理我的图表点上的onClick事件的方式。
如何使子组件能够接收onClick事件以及让父组件能够接收重新呈现UI的mousedown事件?