在Antd表单中,我们可以使用setFieldsValue方法来设置表单项的值。当表单项中包含嵌套字段时,需要对setFieldsValue方法进行一些特殊处理。
设置嵌套字段的值,在调用setFieldsValue方法时,需要传入包含嵌套字段值的对象。例如,我们有一个嵌套在address字段中的city字段,它的初始值为"New York",我们可以使用以下代码示例来更新它的值:
form.setFieldsValue({
address: {
city: "Los Angeles",
},
});
在上述示例中,我们使用address.city来指定要更新的嵌套字段,并将其设置为新值"Los Angeles"。
以下是完整的示例代码:
import React from "react";
import ReactDOM from "react-dom";
import { Form, Input, Button } from "antd";
const App = () => {
const [form] = Form.useForm();
const handleUpdate = () => {
form.setFieldsValue({
address: {
city: "Los Angeles",
},
});
};
return (
);
};
ReactDOM.render( , document.getElementById("root"));
在上述示例代码中,我们创建了一个包含嵌套字段的表单,并通过设置FieldsValue方法来更新city字段的值。