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()})} 

は

のための速記アロー関数の構文です

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

返されたオブジェクトにキーがないため、構文が正しくありません。しかし、あなたはそれを必要としませんが、{}のように複数の関数を呼び出すだけで

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

のように書くことができます