React.FC 中 Ant Design Form.Item 组件自动赋值
要将 Form.Item 组件自动赋值到对应的输入框中,你可以使用 Ant Design 的表单控件的 initialValue 属性。首先,确保你的 Form.Item 组件包装在 Form 组件中。然后,将 initialValue 设置为你想要的初始值。示例代码如下:
import React from 'react';
import { Form, Input } from 'antd';
const MyForm = () => {
const initialValues = {
name: 'John Doe',
email: 'johndoe@example.com',
};
return (
<Form initialValues={initialValues}>
<Form.Item label='Name' name='name'>
<Input />
</Form.Item>
<Form.Item label='Email' name='email'>
<Input />
</Form.Item>
</Form>
);
};
export default MyForm;
在上面的例子中,name 和 email 字段的初始值会自动显示在对应的输入框中。你可以根据需要调整 initialValues 对象中的键值对来设置不同的初始值。
原文地址: https://www.cveoy.top/t/topic/qk9o 著作权归作者所有。请勿转载和采集!