Question

我正在尝试添加另一个单选按钮，并使用户一次只能选择一个。

我不想更改_onChangeIsConfig。我可以在代码中进行哪些更改以使按钮正常工作而无需更改_onChangeIsConfig

_onChangeIsConfig(event){
      FirmwareUpgradeDialogActions.updateState('isConfig', event.target.checked);

    }

<FormControlLabel
    control={
       <Radio
       checked={this.state.isConfig === 'firmware-isconfig'}
       onChange={this._onChangeIsConfig}
       value="firmware-isconfig"
          />
         }
     label={this.context.intl.formatMessage({id: 'network.isconfig'})}
                                   />

    <FormControlLabel
         control={
            <Radio

          checked={this.state.isConfig === 'firmware-image-isconfig'}

           onChange={this._onChangeIsConfig}
           value="firmware-image-isconfig"
        />
    }

Answer 1

好吧，因为您想要一个漂亮的二进制状态（如果只保留一个布尔值，您将无法做更多的事情），然后像这样更改jsx

<FormControlLabel
    control={
       <Radio
           checked={!!this.state.isConfig}
           onChange={this._onChangeIsConfig}
           value="firmware-isconfig"
           />
    }
    label={this.context.intl.formatMessage({id: 'network.isconfig'})}
/>

<FormControlLabel
     control={
        <Radio
            checked={!this.state.isConfig}
            onChange={() => this._onChangeIsConfig( { target: { checked: false } } )}
            value="firmware-image-isconfig"
        />
     }
 />

这将使您始终处于选中状态的2个无线电控件中的任一个，然后由您决定如何处理。但是，如果您不想更改状态更新的方式，您将一无所有

尝试添加单选按钮，一次只能选择一个按钮

1 个答案: