如何將附加事件添加到jsx的基於條件的元素?下面的例子沒有這樣做,它只是通過一個標誌到onClick函數,並沒有真正附加事件。反應添加事件監聽器根據條件
const { hasSomething, name } = this.props
render(){
return(
<div onClick={()=>{hasSomething && this.fireSomething()}}>{name}/div>
)
}
我可以複製2 <div>
,檢查是否存在hasSomething
然後將其連接到一個元素,但是這是一個糟糕的重複,我爲{名稱}聲明兩次。
我不認爲這有什麼不對您的邏輯。比方說,你也可以準備道具(基於不同的條件),並在'render()'的渲染標記中傳遞道具變量/對象與傳播'...'運算符。例如'
' –