用于標識某個控件。方便查到某個控件。從而能對應特定的控件進行操作。

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 ;