react获取input的值并提交的两种方法，input输入框输入内容无效的情况

https://www.jb51.net/article/209592.htm

在使用input的过程中，可能会遇到由于绑定数据以后我们input输入框输入内容无效的情况
有两种解决方法，设置为defaultValue,第二种onchange的时候设置this.setState.

import React, { Component } from 'react'
import axios from 'axios'
import { Input ,Button,Select } from 'antd';


export class RouteSerarch extends Component {
    constructor(){
      super()
      this.state={
        city: '杭州',
        transitno:''
      }
    }

    componentDidMount() {
        /* Http = axios
         * Http调用里面的get方法
         * data是参数 get需要key params post不需要直接{id: '007'}
         * .then()成功回调
         * .catch()失败回调
         */
    
        let data = {
          params: {
            key: "7z5fCtRPrDkdWJUvvuLNSfPTa",
            city:'杭州',
            transitno:'353'
          },
        };
        // axios.get("https://binstd.apistd.com/transit/line", data).then(
        //   (res) => {
        //       console.log(res.result);
              
            // const newslist = res.data.newslist;
            // const listItems = newslist.map((newlist) => {
            //     console.log(newlist.title + "----" + newlist.description);
                
            //   return 
{newlist}
;
            // });
            // this.setState({newslist:newslist});
            // console.log(newslist);
            // return listItems;
    //       },
    //       (error) => {
    //         console.log("失败了", error);
    //       }
    //     );
      }
    onChange(value) {
      console.log(`selected ${value}`);
    }
    onSearch(val) {
      console.log('search:', val);
    }
    //获取input输入的城市
    changeCity=(event)=>{
      console.log(event.target.value);
      this.setState({city:event.target.value})
      
    }
    //获取input输入的车次
    changeTransitno=(event)=>{
      console.log(event.target.value);
    }
   
    render() {
      const { Option } = Select;
      const {city,transitno}=this.state;
      // 太多了，累的不行不写了
      const routeList=["1路",'2路','3路','4路','4路区间','5路','6路','7路','7路外环','8路','9路'];
        return (
            

              

                请输入你要查询的城市:
                
                
              
              

                请输入你要查询的车次:
                
                查询
              
              

              请选择你要查询的车次:
              
                  option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                }
              >
                {
                   routeList.map((item,index) => {
                        return  {item}
                   })
               }
              
              
                
            
        )
    }
}

export default RouteSerarch