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

Question

嗯，我在react中有一个，这对于重用来说是完美的。但它目前正在使用“onDoubleClick”事件侦听器。我想用一个简单的'onClick‘事件侦听器重用它(而不是克隆这个comp)。应该调用哪个事件侦听器取决于组件在应用程序中的位置。更确切地说，事件侦听器的选择取决于组件的父级。

知道吗，我怎么能做到呢？...or，我必须克隆原始的comp？:)

提前感谢您的帮助

Answer 1

通过在您的可重用组件中添加这两个组件，我想(我没有，而且目前无法测试)，但是，我是根据使用onPress和onLongPress的类似经验来回复的，而post是here

const { onClick, onDoubleClick } = this.props;

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

说你有

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

您只需像这样调用组件：

<YourResuableComponent onClick={this.handleClick} />

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