反應處理的可重複使用的無狀態的組件單擊條件爲真時

Question

我有分量是無狀態的，它在兩個父組件

<div onClick={() => handleClick()}><div> 

用我來補充手柄點擊功能，但其中只有一個。我有一個bool變量，它負責例如shouldHandleClick。

所以我需要寫類似，但它適用於例道具，串等等，等等

<div {shouldHandleClick ? onClick={() => handleClick()} : null}><div>

你有什麼想法，否則我會處理單擊其中doesn`第二組分噸需要這個句柄點擊功能

Answer 1

<div onClick={this.props.shouldHandleClick ? this.handleClick : null}><div>

和發送shouldHandleClick道具激活或關閉點擊功能。

Answer 2

它看起來像你幾乎有：

<div onClick={shouldHandleClick ? handleClick : null}></div>