Реагировать на компонент с помощью прослушивателя событий onClick и onDoubleClick одновременно - PullRequest
Новая
       45

Реагировать на компонент с помощью прослушивателя событий onClick и onDoubleClick одновременно

0 голосов
/ 10 января 2020

Ну, у меня есть реактивный компонент в REACT JS, который идеально подходит для повторного использования. Но в настоящее время он работает со слушателем события onDoubleClick. Я хотел бы повторно использовать его с простым прослушивателем событий onClick (без клонирования этой композиции). Выбор прослушивателя событий зависит от того, где находится компонент в приложении. Точнее, выбор прослушивателя событий зависит от родителей компонента.

Есть идеи, как мне это сделать? ... или я должен клонировать оригинальный комп? :)

Заранее спасибо за помощь

1 Ответ

0 голосов
/ 10 января 2020

Я полагаю, что, добавив оба в ваш повторно используемый компонент (я не проверял и не могу его проверить в настоящее время), я отвечаю, основываясь на моем аналогичном опыте использования onPress и onLongPress, и пост здесь : 

const { onClick, onDoubleClick } = this.props;

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

И, скажем, у вас есть 

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

, вы просто называете свой компонент следующим образом: 

<YourResuableComponent onClick={this.handleClick} />

Однако, если это не работает, я думаю, вы можете прочитать это

...