reactjs中的复选框属性DefaultChecked在单选按钮更新的状态下不起作用

Question

基于单选按钮的值（下面有HTML提及），我想将复选框标记为选中或未选中。下面是我的代码不起作用。

谢谢您的建议。

单选按钮

    <Input
      type="radio"
      name="radio1"
      value="No"
      defaultChecked
      onChange={ (e) => {
                         this.setState({
                                        auto_registration: e.target.value
                                       })
                        } } />
    <Input
      type="radio"
      name="radio1"
      value="Yes"
      onChange={ (e) => {
                         this.setState({
                                        auto_registration: e.target.value
                                       })
                        } } />

复选框

<Input
      type="checkbox"
      defaultChecked={ this.state.auto_registration && this.state.auto_registration == "Yes" ? true : false }
      disabled={ this.state.auto_registration && this.state.auto_registration == "Yes" ? true : false } />

Answer 1

defaultChecked属性仅在初始渲染时使用。如果要具有受控的选中输入，请改为选中选中属性

<Input
      type="checkbox"
      checked={ this.state.auto_registration && this.state.auto_registration == "Yes" ? true : false }
      disabled={ this.state.auto_registration && this.state.auto_registration == "Yes" ? true : false } />