要将 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 对象中的键值对来设置不同的初始值。

React.FC 中 Ant Design Form.Item 组件自动赋值

原文地址: https://www.cveoy.top/t/topic/qk9o 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录