Javascript 如果在onClick-in-React中放置两个函数,则其中只有一个可以工作
在下面的代码中,我在一个div的onClick中有两个函数:Javascript 如果在onClick-in-React中放置两个函数,则其中只有一个可以工作,javascript,reactjs,Javascript,Reactjs,在下面的代码中,我在一个div的onClick中有两个函数:()=>this.delete(this,this.state.id)和this.props.deleteTodo.bind(this,this.state.id)。然而,当我同时把它们放进去时,只有一个起作用 如果我将它限制为其中一个,它工作得很好,但是当我将两者都添加时,为什么不工作呢 <div onClick={() => this.delete(this, this.state.id), this.props.del
()=>this.delete(this,this.state.id)
和this.props.deleteTodo.bind(this,this.state.id)
。然而,当我同时把它们放进去时,只有一个起作用
如果我将它限制为其中一个,它工作得很好,但是当我将两者都添加时,为什么不工作呢
<div onClick={() => this.delete(this, this.state.id), this.props.deleteTodo.bind(this, this.state.id)}>button</div>
this.delete(this,this.state.id),this.props.deleteTodo.bind(this,this.state.id)}>按钮
您需要将它们用大括号括起来,并且应该在行尾使用分号而不是逗号:
<div onClick={() => {
this.delete(this, this.state.id);
this.props.deleteTodo.bind(this, this.state.id);
}}>button</div>
{
this.delete(this,this.state.id);
this.props.deleteTodo.bind(this,this.state.id);
}}>钮扣
为了更好的可读性和避免语法错误等错误,请将它们组合在一个函数中,并调用该函数或作为答案。谢谢您的回答。我以前尝试过这个方法,但它只执行this.delete(this,this.state.id)代码>。那么还有其他问题。下面的示例说明了这两个函数都可以运行