将参数正确传递给反应方法

【问题标题】：Pass argument to react method correctly将参数正确传递给反应方法
【发布时间】：2020-07-07 06:08:47
【问题描述】：

通过反应，我试图通过点击来修改状态的参数。

<button onClick={this.switchFase(1)} >Origin</button>

switchFase= (num_proces)=>{
  this.setState({ process: num_proces });
}

我知道这不是正确的做法，有人可以向我解释我做错了什么吗？

谢谢！

【问题讨论】：

【解决方案1】：

您应该将函数传递给 onClick，而不是立即调用 this.switchFase(1) 并将其结果 (undefined) 传递给 onClick。试试这个：

<button onClick={()=>this.switchFase(1)} >Origin</button>

switchFase= (num_proces)=>{
  this.setState({ process: num_proces });
}

【讨论】：