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

问题描述 投票:0回答:1

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

<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
工作。

reactjs react-router antd
1个回答
0
投票

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)}
/>
© www.soinside.com 2019 - 2024. All rights reserved.