React Ant Design Checkbox 选中状态问题排查
<Form.Item name={item.key} valuePropName={'checked'}>
valuePropName={'checked'} 用于指定 Checkbox 组件的选中状态属性为 checked。所以问题可能出在其他地方。
首先,确保 item.key 的值是唯一且正确的。如果 item.key 的值不唯一,多个 Checkbox 组件会共享同一个选中状态,导致只有最后一个 Checkbox 能正确选中。
其次,检查 item.text 的值是否正确显示在 Checkbox 组件中。你可以在 Checkbox 组件外部添加一个 console.log(item.text) 来查看 item.text 的值是否正确。
最后,确保 Form.Item 组件被正确包裹在 Form 组件内部。如果 Form.Item 不是 Form 组件的子组件,它的值将不会被提交或显示。
如果以上步骤都没有解决问题,请提供更多的代码和上下文信息,以便更好地帮助你解决问题。
原文地址: https://www.cveoy.top/t/topic/qp6U 著作权归作者所有。请勿转载和采集!