如何添加事件以响应组件？

Question

我正在使用react-color 。 它提供了两个内置事件： onChange和onChangeComplete 。 虽然onChange在操作颜色选择器时实时触发，但onChangeComplete仅在保持一小段时间时触发。

但是，对于我的情况， onChangeComplete仍然经常触发，因为它似乎有很短的超时时间（如 500 毫秒之类的），而不仅仅是在释放鼠标按钮时。

我需要一个事件来真正完成颜色选择并将其发送给需要知道它的所有组件。 这将是当用户释放鼠标按钮时。

<SketchPicker
    onChange={(color) => { //fires all the time as it should
       handleChange(color);
    }}
    onChangeComplete={(color) => { //fires when stopping mouse movement for a short time
         handleChangeComplete(color); //Ok for setting local component state variables
    }}
    onMouseUp={(color) => { //not firing at all
         handleFinalChange(color); //supposed to run, when the user released mouse to promote it to React
    }}
/>

onMouseUp应该是 React 提供的事件，它在普通 div 中工作，但由于某种原因不在此包提供的组件中。 如何在此处向组件添加自定义事件？

Answer 1

您可以将库组件包装在一个div并将onMouseUp绑定到它，或者您需要修改该库的源代码。