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