jxs中的多個內聯函數獲得了意外的令牌錯誤

Question

<li onClick={e => ({this.props.func1(); this.props.funcB()})}>something</li> 

爲什麼我無法在我的點擊處理程序中傳遞2個內聯函數？

Answer 1

隨着

({ ... }) 

語法，你應該鍵和值返回一個對象。 如果你只是希望觸發兩個功能，將其更改爲：

{ ... } 

這樣：

<li onClick={e => { this.props.func1(); this.props.funcB() }}>something</li> 

Answer 2

在你的代碼

onClick={e => ({this.props.func1(); this.props.funcB()})} 

是

速記Arrow功能語法

onClick={e => {return {this.props.func1(); this.props.funcB()} }} 

由於返回的對象沒有鍵，這是不正確的語法。然而，你並不需要它，你可以簡單地通過在{}之內調用多個函數，如

onClick={e => {this.props.func1(); this.props.funcB()}}