如何在Ant Design表单中为单选按钮组设置初始值

这里提供两种可行的方式来为Ant Design表单中的单选按钮组设置初始值：

• 使用表单的initialValues属性完成初始化
• 若需要在组件更新时动态更新值，可使用Ant Form的setFieldsValue方法

代码示例 #

首先获取表单实例：

const [sampleForm] = Form.useForm();

如果需要在组件更新时重新设置初始值，结合useEffect钩子实现：

useEffect(() => {
    // 组件更新时重新设置单选组的值
    sampleForm.setFieldsValue({ pregnancyStatus: false });
}, ["update initial"]); // 根据实际业务场景调整依赖项

单选按钮组的表单项配置：

<Form.Item
    label="是否怀孕"
    name="pregnancyStatus"
    valuePropName="value"
    // 指定单选按钮组接收的值属性为value
>
    <Radio.Group>
        <Radio value={true}>是</Radio>
        <Radio value={false}>否</Radio>
    </Radio.Group>
</Form.Item>

内容的提问来源于stack exchange，提问作者Yewin