antd4.0模态框获取form表单的提交数据内容

antd4.0模态框获取form表单的提交数据内容

要想那到值，其实和antd4版本以前拿数据是差不多的。

因为antd3以前拿数据(有段时间不用3版本了，只记得大概，简要写一下，不一定就没错)：
const { getFieldDecorator } = this.props.form;

onOkHandler = () => {
// 3版本拿antd中表单的数据
	this.props.form.validateFields((err, values) => {
	      if(!err){
	        console.log(values);//这里可以拿到数据
	      }
    });
}
const { getFieldDecorator } = this.props.form;

        
          {getFieldDecorator('userName', {
            rules: [{ required: true, message: 'Please input your username!' }],
          })(
            } placeholder="Username" />
          )}
        
        
          {getFieldDecorator('password', {
            rules: [{ required: true, message: 'Please input your Password!' }],
          })(
            } type="password" placeholder="Password" />
          )}
        
      

antd4版本：

import { Modal, Form } form "antd";
	const Index = props => {
		const [form] = Form.useForm();
	const handleOk = (e) => {//点击对话框OK按钮触发的事件
		console.log(form);
		// 获取form的值
		console.log(form.getFieldsValue());
		form.getFieldsValue();
	}
	return <>
	
        

            
                
            
            
                
            
            
                
            
            
                
            
            
                }>
                    老师
                    学生
                
            
            
                
            
            
                }>
                    11
                    22
                
            
        
    ;

}