antd提交表单_antd中表单提交的基本使用

import { Form, Input, Button } from 'antd';

import PropTypes from 'prop-types';

const FormItem = Form.Item;

class Forgot extends React.PureComponent {

render() {

const { getFieldDecorator } = this.props.form;

return (

style={ { width: 250, margin: '28px auto'}}

onSubmit={(e) => {

e.preventDefault();

this.props.form.validateFields((err, values) => {

if (!err) {

this.props.handleConfirm(values);

}

});

}}

>

{getFieldDecorator('email', {

rules: [

{

type: 'email',

message: '请输入正确的邮箱地址'

},

{

required: true,

message: '请输入邮箱地址'

}

]

})()}

确定