javascript - 如何在React和ES6中的Click事件上实现两个或多个功能

Question

对于此代码，我必须单击计算按钮两次才能找到 BMI 和 BMI 判断的答案。如何编写代码使其仅在找到两个答案后单击？

bmiCalc (){
    this.setState({bmi:this.state.weight/(this.state.height*this.state.height)*10000});


    if(this.state.bmi<18.5){this.setState({judge: 'Underweight'});}
    else if(this.state.bmi<24.9){this.setState({judge:'Normal weight'});}
    else if(this.state.bmi<30){this.setState({judge:'Overweight'});}
    else{this.setState({judge:'Obesity'});}
}


render(){
    return (
        <ul><button onClick={this.bmiCalc.bind(this)}>calculate</button></ul>
        <ul>BMI: {Math.round(this.state.bmi*10)/10}</ul>
        <ul>BMI judge :{this.state.judge} </ul>
    );
}

Answer 1

你可以使用类似的东西:

function desiredActions (){
  action1()
  action2()
}

<button onclick={desiredActions}></button>

基本上只需将要调用的函数包装在函数中并将其分配给 onclick 处理程序即可。

注意:这不是特定于 React 或 ES6，只是基本的 JavaScript。