传递参数以正确地反应方法

Question

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

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

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

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

谢谢！

Answer 1

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

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

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

https://reactjs.org/docs/handling-events.html#passing-arguments-to-event-handlers