reactjs - 如何在 Reactjs 中只选择一个复选框

Question

我只需要选择一个复选框，而在 reactJS 中一次取消选中其他复选框

createElement('div', {className: 'checkbox'},
  createElement('label', null,
    createElement('input', {
      type: 'checkbox',
      name: 'tssort',
      defaultChecked: !this.state.head,
      onChange: this.sorter
    }), 'Sort by action'),
    createElement('label', null,
      createElement('label', null,
        createElement('input', {
          type: 'checkbox',
          name: 'tssort',
          defaultChecked: this.state.head,
          onChange: this.sorter
        }),
     'Sort by Re-action')
    )
 ),

在 this.sorter 中，我使用 this.setState 将值设置为复选框，我尝试为复选框分配相同的名称并分配一次只有一个值。但至少从我的角度来看，这是没有成果的。指导我如何解决。

Answer 1

如果您想做一个只能选择一个的可选列表，就用户体验而言最好的方法是使用单选按钮。