javascript - 无法从复选框获取任何数据

Question

我正在使用Carbon Design System以及其中的复选框组件。使用 console.log 当复选框被选中时我得到的是 true ，而当复选框未被选中时我得到的是 false 。

我正在这样做:

const onChange = event => {
  console.log(event);
};

这在渲染方法上:

{CheckboxItems(t).map(item => (
  <ToolbarOption key={item.id}>
    <Checkbox key={item.id} id={item.id} labelText={item.labelText} value= 
    {item.value} onChange={onChange} />
  </ToolbarOption>
))}

如果您看到我上面发布的 URL，就会有一个名为 Action Logger 的选项卡，您可以在其中查看数据。但我无法在我的应用程序上获得相同的日志。

有什么想法吗？

Answer 1

来自documentation ，onChange 函数提供了三个按顺序排列的 props:value id event

因此，要获得与操作记录器相同的输出，您必须将 onChange 函数折射为:

onChange = (value, id, event) => {
  console.log({value, id, event})
}