用于标识某个控件。方便查到某个控件。从而能对应特定的控件进行操作。
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 ;
