同时使用 'onClick' 和 'onDoubleClick' 事件侦听器响应组件

Question

好吧，我在 REACT JS 中有一个 React 组件，非常适合重用。但它目前正在使用 'onDoubleClick' 事件侦听器。我想用一个简单的 'onClick' 事件侦听器重用它（没有我克隆这个 comp）。应调用哪个事件侦听器取决于组件在应用程序中的位置。更准确地说，事件侦听器的选择取决于组件的父级。

知道了，我该怎么做？ ...或者我必须克隆原始伴奏？ :)

提前感谢您的帮助

Answer 1

我想通过将两者都添加到您的可重用组件中（我没有，目前无法测试），但是，我根据我使用 onPress 和 [=14 的类似经验进行回复=] 而 post 是 :

const { onClick, onDoubleClick } = this.props;

<YourResuableComponent 
  onClick={onClick? onClick : () => {}} 
  onDoubleClick={onDoubleClick? onDoubleClick : () => {}} 
/>

并说你有

handleClick = () => {
  console.log('click')
}

您只需像这样调用您的组件：

<YourResuableComponent onClick={this.handleClick} />

但是，如果它不起作用，我想你可能想阅读 this

同时使用 'onClick' 和 'onDoubleClick' 事件侦听器响应组件

React component with 'onClick' and 'onDoubleClick' event listener at same time

javascript

event-listener

event-handling

reactjs