1、监听表单的改变事件   onChange

2、在改变的事件里面获取表单输入的值   事件对象event

3、把表单输入的值赋值给username   this.setState({})

4、点击按钮的时候获取 state里面的username     this.state.username

例：

    constructor(props){

        super(props);   //固定写法

        this.state={        

            username:''

        }           

    }

run=(event)=>{

        // alert(this.state.msg);

        // console.log(event);

        // alert(event.target);   /*获取执行事件的dom节点*/

        event.target.style.background='red';

        //获取dom的属性

        alert(event.target.getAttribute('aid'))

    }

//获取input 里的值

    inputChange=(e)=>{

        // console.log('111');

        //获取表单的值

        console.log(e.target.value);

        this.setState({

            username:e.target.value

        })

    }

//获取到username值

    getInput=()=>{

        alert(this.state.username);

    }

 //键盘事件

    inputKeyUp=(e)=>{

        console.log(e.keyCode);

        if(e.keyCode==13){

            alert(e.target.value);

        }

    }

 inputonKeyDown=(e)=>{

        console.log(e.keyCode);

        if(e.keyCode==13){

            alert(e.target.value);

        }

    }

  inputRefs=()=>{

/*  获取dom节点

 1、给元素定义ref属性  <input ref="username" />

 2、通过this.refs.username 获取dom节点        

*/

 let val=this.refs.username.value;

this.setState({

    username:val

})

}

<input onChange={this.inputChange}/> 

<button onClick={this.getInput}>获取input的值</button>

<input onKeyUp={this.inputKeyUp} onKeyDown={this.inputonKeyDown} ref="username" onChange={this.inputChange}/> 

<button onClick={this.inputRefs}>获取input的值</button>