React-Boostrap ToggleButtonGroup onChange 不起作用

Question

onChange 似乎仍然损坏（请参阅类似的问题here）。 onChange 将触发，但是您不能使用 event.target.value，因为 event.target 位于具有 value 属性的元素的父级上。例如，我有这样的东西：

<ToggleButtonGroup type="radio" name="detect" defaultValue={1} onClick={event => this.onInputMethodChange(event.target)}>
  <ToggleButton value={1}>Translate</ToggleButton>
  <ToggleButton value={2}>Detect</ToggleButton>
</ToggleButtonGroup>

当我 console.log(event.target) 时，我得到一个标签元素，但该值位于输入元素上。

<label>
  <input value="2" >
</label>

有没有办法获取这个输入值？这并不理想，但我至少可以使用它。谢谢！

Answer 1

您必须定义每个按钮的 ID 才能触发 onChange