條件為true時，React句柄單擊可重用的無狀態組件

Question

我有無狀態的組件，並且在兩個父組件中都使用

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

我必須添加句柄單擊功能，但僅其中之一。 我有一個布爾變量負責例如shouldHandleClick。

所以我需要寫一些類似的東西，但是它適用於道具，琴弦等的情況。

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

您有其他想法嗎，否則我將處理第二個不需要此單擊功能的組件中的單擊

Answer 1

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

並發送帶有道具的shouldHandleClick以激活或停用點擊功能。

Answer 2

看來您快到了：

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