替换为复选框后，React Switch 不起作用

Question

我之前使用复选框来检查和发布评论，它运行良好，没有错误。

<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)

更新以使用以下任一选项：

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

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