reactはantdのフォームコンポーネントを参照する

2018 ワード

/*
 * @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 Or register now!
); } } export default App = Form.create()(App);