react 引用antd的表单组件

/*
 * @Author: Twinkle 
 * @Date: 2018-11-07 11:34:48 
 * @Last Modified by: Twinkle
 * @Last Modified time: 2018-11-07 14:29:15
 */
import React, { Component } from 'react';
import './App.less';
import { Form, Icon, Input, Button, Checkbox } from 'antd';
const FormItem = Form.Item;
class App extends Component {
  handleSubmit = (e) => {
    e.preventDefault();
    this.props.form.validateFields((err, values) => {
      if (!err) {
        console.log('Received values of form: ', values);
      }
    });
  }
  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      

        
表单登录注册
        
          {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" />
          )}
        
        
          {getFieldDecorator('remember', {
            valuePropName: 'checked',
            initialValue: true,
          })(  
            Remember me
          )}
          Forgot password
          
            Log in
            
          Or register now!
        
      
    );
  }
}

export default App = Form.create()(App);