React：他のチェックボックスのチェックボックスの状態を変更する

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 
      }) 
     }  
    } 

私がそれを行うと、私のアプリケーションのバグ！ アイデアはありますか？あなたはvalueCheckStepTwoの値がtrueとして設定されている場合onCheckStepTwo

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

としてこれは valueCheckStepOneの状態を変更しますあなたの関数を書くことができますあなたの

Answer 1

をありがとうございます。ここでは、必要に応じてロジックを変更することができます。