antd中Checkbox的defaultChecked动态改变
最近有一个需求,就是defaultChecked的初始数据从接口拿,不同的会话里初始数据不同,且可以通过方法修改当前checked是否为true,找了很多方法想通过js控制checked,但都不行。
最后发现,可以直接加key,因为Checkbox只在最开始获取defaultChecked,后面如果修改defaultChecked,Checkbox无法检测到改变,但加上key了后,就可以了.
<Checkbox onChange={(e) => onChange(e, item3.id)}
defaultChecked={tag.list?.includes(item3.id)}
key={num}>//key值最好与defaultChecked一致
{item3.tag_type_name}
</Checkbox>