用于标识某个控件。方便查到某个控件。从而能对应特定的控件进行操作。

import React ,{Component}from 'react'



class NewComponent extends  Component{

   handlerSubmit(event){
       alert('点击了')
       // event.preventDefault();//去掉这个事件默认要做的事情
   }

   handlerOnclick(event){

       let text1=this.refs.text1.value  ,text2=this.refs.text2.value; //得到标志ref的属性的控件  并得到起 value的值
       console.log(text1,text2)

   }


   render() {
       return(
           <div>

           <button type="submit" onSubmit={this.handlerSubmit} onClick={this.handlerOnclick.bind(this)}> //注意 bind(this);
               添加评论
           </button>
           <br/>
           <input type="text"  ref='text1' value='text1'></input>
           <br/>
           <input type="text" ref='text2' value='text2'/>



           </div>
       )
   }
}


export default NewComponent ;