如果根据后端返回的数据设置 initialValue 时,其他不是 true 的字段也被选中,可以使用条件判断来解决这个问题。

你可以在设置 initialValue 时,通过判断来确定是否设置为 true。例如:

<Form.Item 
  name={item.key} 
  valuePropName={'checked'} 
  initialValue={item.value === true ? true : undefined}
>
  // 根据需要添加你的表单控件
</Form.Item>

这样,只有当item.value为 true 时,才会设置初始值为 true,其他情况下初始值为 undefined,即不选中。

另外,你也可以在渲染表单时,通过判断来决定是否渲染 checkbox。例如:

{item.value === true && (
  <Form.Item 
    name={item.key} 
    valuePropName={'checked'}
  >
    // 根据需要添加你的表单控件
  </Form.Item>
)}

这样,只有当item.value为 true 时,才会渲染 checkbox,其他情况下不会渲染。

Ant Design Form.Item Checkbox 初始值设置及条件渲染

原文地址: https://www.cveoy.top/t/topic/qpDu 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录