Question

我在RadioGroup中有两个单选按钮。请参见以下代码：

<RadioGroup name="condition" selectedValue={this.state.condition}>
  <div className="col-md-12 radio">
    <Radio value="auto" />Automatic CR
  </div>
  <div className="col-md-12 radio">
    <Radio value="manual" onChange={this.onAutomaticClick}/>manual CR
  </div>
</RadioGroup>

当用户想要从manual CR切换到automatic CR时，我想显示一个模式弹出窗口，这样，如果用户单击Yes，则应该进行切换，如果他单击点击No，则用户只能留在manual CR内。

使用我尝试过的代码，onChange事件本身未触发。谁能指导我。还有我们如何停止在条件下切换单选按钮。预先感谢。

Answer 1

如果使用的是Material-UI，则onChange处理程序应位于父组件（RadioGroup）上，如果要在进行任何更改之前显示警告，则可以在RadioGroup的onChange中触发警告并进行仅当您得到用户的肯定确认时，值才会更改。

如何在单选按钮中实现onChange功能

1 个答案: