Reactjs 在同一行中选择另一个单选按钮后，语义UI反应表中的单选按钮是否保留选中属性？

我的单选按钮具有相同的名称，因此我期望的行为是：

• 选择一个单选按钮
• 查看是否选中了

  属性

• 在同一行中选择其他单选按钮，然后
• 查看它是否选中了

  属性，而第一个属性不再选中

相反：

• 我点击一个单选按钮
• 查看是否选中了

• 单击另一个，然后单击
• UI显示第一个已不再选中，但在检查源代码时保留了

  checked

  属性

为什么这些单选按钮不能完全相互作用

                  <Form onSubmit={(e) => { handleAnswerFormSubmit(e) }}>
                    <Table celled>
                      <Table.Body>
                        <Table.Row>
                          <Table.Cell>
                            airplane
                          </Table.Cell>
                          <Table.Cell>
                            <Radio name="airplane" value="1" />
                          </Table.Cell>
                          <Table.Cell>
                            <Radio name="airplane" value="2" />
                          </Table.Cell>
                          <Table.Cell>
                            <Radio name="airplane" value="3" />
                          </Table.Cell>
                        </Table.Row>
                      </Table.Body>
                    </Table>
                    <Form.Button>Continue</Form.Button>
                  </Form>

{handleAnswerFormSubmit（e）}}>
飞机
继续

我想你要找的是

广播组。下面的示例（也可从上获得）将对您有所帮助。代码如下：

export default class RadioExampleRadioGroup extends Component {
  state = {}
  handleChange = (e, { value }) => this.setState({ value })

  render() {
    return (
      <Form>
        <Form.Field>
          Selected value: <b>{this.state.value}</b>
        </Form.Field>
        <Form.Field>
          <Radio
            label='Choose this'
            name='radioGroup'
            value='this'
            checked={this.state.value === 'this'}
            onChange={this.handleChange}
          />
        </Form.Field>
        <Form.Field>
          <Radio
            label='Or that'
            name='radioGroup'
            value='that'
            checked={this.state.value === 'that'}
            onChange={this.handleChange}
          />
        </Form.Field>
      </Form>
    )
  }
}

导出默认类RadioExampleRadioGroup扩展组件{
状态={}
handleChange=（e，{value}）=>this.setState（{value}）
render（）{
返回(
所选值：{this.state.value}
)
}
}
我想你要找的是
广播组。下面的示例（也可从上获得）将对您有所帮助。代码如下：

export default class RadioExampleRadioGroup extends Component {
  state = {}
  handleChange = (e, { value }) => this.setState({ value })

  render() {
    return (
      <Form>
        <Form.Field>
          Selected value: <b>{this.state.value}</b>
        </Form.Field>
        <Form.Field>
          <Radio
            label='Choose this'
            name='radioGroup'
            value='this'
            checked={this.state.value === 'this'}
            onChange={this.handleChange}
          />
        </Form.Field>
        <Form.Field>
          <Radio
            label='Or that'
            name='radioGroup'
            value='that'
            checked={this.state.value === 'that'}
            onChange={this.handleChange}
          />
        </Form.Field>
      </Form>
    )
  }
}

导出默认类RadioExampleRadioGroup扩展组件{
状态={}
handleChange=（e，{value}）=>this.setState（{value}）
render（）{
返回(
所选值：{this.state.value}
)
}
}