不能从复选框中提取任何数据

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

在文档中，onChange函数按顺序提供了三个道具：value id event

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

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