antd4.x版Form组件表单用法

这是antd 4.x版本表单用法

import React, {Component} from 'react'
import {Redirect} from 'react-router-dom'
import {Form, Input, Button, message} from 'antd'
import { UserOutlined, LockOutlined } from '@ant-design/icons';
import './login.less'
import logo from './images/logo.png'

class Login extends Component {
  
  render () {
    return (
      

        

          
          
React项目: 后台管理系统
        
        

          
用户登陆
        {/*  表单函数组件*/}
         
        
      
    )
  }
}


  const NormalLoginForm = () => {
    const onFinish = values => {//提交表单且数据验证成功后回调事件
      console.log('Received values of form: ', values);
    };

    return (
      

        
          }
            placeholder="用户名"
          />
        
        
          }
            type="password"
            placeholder="密码"
          />
        
        
          
            登录
          
        
      
    );
}


export default Login