反应：在其他复选框中更改复选框的状态

Question

我正在使用素材ui的复选框，并且希望在选中其他复选框时更改复选框的状态。

<Checkbox label="Etape 1 terminée" value={this.state.valueCheckStepOne} onCheck={this.onCheckStepOne} /> 



<Checkbox label="Etape 2 terminée" value={this.state.valueCheckStepTwo} onCheck={this.onCheckStepTwo} /> 

onCheckStepOne = (value) => { 
    this.setState({ 
     valueCheckStepOne: value.target.checked 

    });  
onCheckStepTwo = (value) => { 
     this.setState({ 
      valueCheckStepTwo: value.target.checked 
     }); 

// Here I want to change the state of valueCheckStepOne 
     componentDidUpdate() {   
     if (this.state.valueCheckStepTwo == true) { 
      this.setState({ 
       valueCheckStepOne : true 
      }) 
     }  
    } 

如果我这样做，我的应用程序错误！ 你有想法吗？谢谢

Answer 1

可以onCheckStepTwo写功能

onCheckStepTwo = (event) => { 
    const value = event.target.checked 
    const stateUpdates = { 
     valueCheckStepTwo: value 
    } 
    if (value) { 
     stateUpdates.valueCheckStepOne = true 
    } 
    this.setState(stateUpdates); 
} 

如果值valueCheckStepTwo被设置为真，这将改变valueCheckStepOne的状态。您可以根据您的要求修改逻辑。