从 Checkbox 切换后 Switch 组件不工作

Question

我之前使用 Ant Design

Checkbox

来检查和发布评论，运行良好，没有错误。

<Checkbox
  key={record.id}
  checked={Publish[record?.id]?.["ispublish"] == 'true' ? true : false}
  onChange={(e) => Update(e.target.checked, record)}
/> 

我想用

Switch

代替。

<Switch
  key={record.id}
  checked={Publish[record?.id]?.["ispublish"] == 'true' ? true : false}
  onChange={(e) => Update(e.target.checked, record)}
/> 

我收到错误：

无法读取未定义的属性（读取“已检查”）

我想要

Switch

工作。

Answer 1

onChange

组件的

Switch

prop 回调需要 两个参数。第一个是当前

checked

值，第二个是

onChange

事件对象。

查看

Switch

组件API：

财产	描述	类型
onChange	当选中状态发生变化时触发	function(checked: boolean, event: Event)

与

CheckBox

组件API相比：

财产	描述	类型
onChange	状态改变时触发的回调函数	(e: CheckboxChangeEvent) => void

更新为使用第一个参数，

checked

:

<Switch
  key={record.id}
  checked={Publish[record?.id]?.ispublish == 'true'}
  onChange={(checked) => Update(checked, record)}
/>