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用来为复选框设置值，我尝试为两个复选框分配相同的名称，并且一次只分配一个值。但至少从我的角度来看，这并没有什么成果。指导我如何解决它。

标签： reactjs

Answer 1

如果您想做一个可选择的列表，其中只能选择一个，那么就 UX 而言，最好的方法是使用单选按钮。