react-bootstrap ButtonGroup 作为单选按钮

Question

我正在尝试将一组 react-bootstrap 按钮变成一个单选按钮集。我可以通过 <input type="radio"> 的 Bootstrap 轻松做到这一点元素，但无法弄清楚如何使用 react-bootstrap 执行此操作。以下代码允许用户选择每个按钮，而不仅仅是一个。

JS:

const operationButtons = (    
  <ButtonGroup>
    <Button active>Radio 1</Button>
    <Button>Radio 2</Button>
  </ButtonGroup>
);

React.render(operationButtons, document.getElementById('operationButtonsDiv'));

HTML:

<div name="operationButtonsDiv" id="operationButtonsDiv" data-toggle="buttons"/>

Answer 1

自接受答案以来，框架发生了变化，他们现在复制了 Bootstrap 框架的选项组行为。您现在需要做的就是为组中的每个选项添加一个组名:

<Radio name="groupOptions">Option 1</Radio>
<Radio name="groupOptions">Option 2</Radio>
<Radio name="groupOptions">Option 3</Radio>