ant desgin 登陆实现带接口

import React, { Component } from 'react';
import { Form, Icon, Input, Button } from 'antd';
import './Login.css';


    class Login extends React.Component {
      constructor(props){
        super(props);
        this.state = {
          userName:'',
          pswd:''
        }
    }

    userChange(e){
    this.setState({
      userName:e.target.value,
      })
      // console.log(this.state.userName);
    }

    pswdChange(e){
      this.setState({
        pswd:e.target.value,
        })
        // console.log(this.state.pswd);
    }

    submitChange(e){

      let param= "tel="+this.state.userName+"&paswd="+this.state.pswd;

      fetch('http://123.206.254.55/Garaer/garaerServer/index.php/User/login',{
            method: 'POST',
            body: param,
            headers: {
              'Content-Type': 'application/x-www-form-urlencoded'
            }
        }).then(res => res.text()).then(
        data => {
          if(data.user_id){
            console.log(JSON.stringify(data.user_id))
          }
            // console.log(JSON.stringify(data))
        }
        )
    }

    render() {

      return (
        

          

            }
              placeholder="Username"
              onChange={this.userChange.bind(this)}
              defaultValue={this.state.userName}
              />,
            }
              type="password"
              placeholder="Password"
              onChange={this.pswdChange.bind(this)}
              defaultValue={this.state.pswd}
              />
              
              登陆
            
          
        
      );
    }
  }

  export default Login;