antd form getFieldsValue 若未修改，获取不到原值

### 使用 Ant Design Form 组件获取未修改字段的原始值在使用 Ant Design 的 `Form` 组件时，遇到的一个常见问题是当字段未被修改时，调用 `getFieldsValue()` 方法无法获取这些字段的初始值。这通常是因为表单控件的状态只有在其发生变化时才会被捕获并存储。为了确保即使字段未被修改也能获得其原始值，可以采取以下几种策略： #### 1. 初始化表单项确保所有需要捕获的字段都在初始化阶段就被赋予了默认值。可以通过设置 `initialValues` 属性来实现这一点[^1]。 ```jsx <Form initialValues={{ username: 'defaultName', password: '' }}> {/* 表单项 */} </Form> ``` #### 2. 手动保存初始状态可以在组件挂载时手动记录下各个字段的初始值，并将其存放在组件的状态或其他合适的地方，在后续操作中作为参照依据。 ```javascript useEffect(() => { setOriginalValues(form.getFieldsValue()); }, []); ``` #### 3. 利用 `onFinishFailed` 或者其他生命周期钩子利用 `Form` 提供的各种回调函数（如 `onFinish`, `onFinishFailed`），在适当的时候读取当前表单的数据并与之前保存下来的初始值对比处理。 ```javascript const onFinishFailed = (errorInfo) => { console.log('Failed:', errorInfo); const currentValues = form.getFieldsValue(); Object.keys(currentValues).forEach(key => { if (!currentValues[key]) { currentValues[key] = originalValues[key]; } }); }; ``` #### 4. 自定义校验逻辑对于某些特定场景下的需求，还可以考虑自定义验证规则来进行更灵活的操作。比如通过编写异步校验器返回期望的结果集。以上方法可以帮助解决因字段未改动而导致无法正常获取到它们原本设定好的初值的情况。具体选择哪种方式取决于实际应用场景和个人偏好。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

下一篇 format ‘%d’ expects argument of type ‘int’, but argument 2 has type ‘int *’