ant a-form-model赋值代码示例

以下是一个使用`ant a-form-model`进行表单赋值的示例代码：

import { Form, Input, Button } from 'antd';
import { createForm } from 'rc-form';

class MyForm extends React.Component {
  handleSubmit = (e) => {
    e.preventDefault();
    const { form } = this.props;
    form.validateFields((err, values) => {
      if (!err) {
        console.log('Received values of form: ', values);
      }
    });
  }

  render() {
    const { form } = this.props;
    const { getFieldProps } = form;

    return (
      <Form onSubmit={this.handleSubmit}>
        <Form.Item label="Username">
          <Input {...getFieldProps('username')} />
        </Form.Item>
        <Form.Item label="Password">
          <Input {...getFieldProps('password')} />
        </Form.Item>
        <Form.Item>
          <Button type="primary" htmlType="submit">Submit</Button>
        </Form.Item>
      </Form>
    );
  }
}

const WrappedMyForm = createForm()(MyForm);

const initialValues = {
  username: 'myusername',
  password: 'mypassword'
};

ReactDOM.render(<WrappedMyForm initialValues={initialValues} />, mountNode);

在以上示例中，我们使用`initialValues`属性来设置表单的初始值。这样，在表单渲染时，`getFieldProps`方法会自动将初始值绑定到表单字段上。

在提交表单时，我们使用`form.validateFields`方法来获取表单数据。如果表单验证通过，我们将打印表单数据到控制台。

注意，我们使用了`createForm`高阶组件来创建一个带有`form`属性的组件。这个`form`属性是一个`antd`表单实例，我们可以使用它的各种方法来处理表单数据。