ReactFC 的 FormItem组件怎么自动赋值到对应里的框
要将 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/iEyi 著作权归作者所有。请勿转载和采集!