Twitter bootstrap 处理在react引导中单击“ButtonGroup”

处理点击的正确方法是什么？ 这是我尝试过的，但似乎不起作用（在

schemaTypeSelectionHandle

中打印的

键

值不正确）

---

将

数据键

属性添加到按钮：

<ButtonToolbar>
  <ButtonGroup onClick={this.schemaTypeSelectionHandle.bind(this)}>
    <Button data-key='1'>Verb</Button>
    <Button data-key='2'>Wiki Entity</Button>
  </ButtonGroup>
</ButtonToolbar>

<ButtonToolbar>
  <ButtonGroup onClick={this.schemaTypeSelectionHandle.bind(this)}>
    <Button value='1'>Verb</Button>
    <Button value='2'>Wiki Entity</Button>
  </ButtonGroup>
</ButtonToolbar>

---

向按钮添加

值
属性：

<ButtonToolbar>
  <ButtonGroup onClick={this.schemaTypeSelectionHandle.bind(this)}>
    <Button data-key='1'>Verb</Button>
    <Button data-key='2'>Wiki Entity</Button>
  </ButtonGroup>
</ButtonToolbar>

<ButtonToolbar>
  <ButtonGroup onClick={this.schemaTypeSelectionHandle.bind(this)}>
    <Button value='1'>Verb</Button>
    <Button value='2'>Wiki Entity</Button>
  </ButtonGroup>
</ButtonToolbar>

<ButtonToolbar>
  <ButtonGroup onClick={this.schemaTypeSelectionHandle.bind(this)}>
    <Button value='1'>Verb</Button>
    <Button value='2'>Wiki Entity</Button>
  </ButtonGroup>
</ButtonToolbar>

schemaTypeSelectionHandle(event) {
  // console.log('key: ', $(event.target).data('key'));
  console.log('key: ', event.target.value);
}