React中基本不需要直接操作DOM,但是有时候我们却不得不这么做,这个时候ref便出场了。ref有两种用法:
1.通过函数进行绑定
html:
<input type="text" ref={(name)=>{this.name=name;}}
js:
let name=this.name.value;
ref绑定的方法参数就是这个dom,将这个dom绑定到组件实例的自定义的属性上
2.直接绑定到ref上
html:
<textarea ref='comment'></textarea>
js:
let comment=this.refs.comment.value;
注意两种方式绑定和调用时候的区别
不推荐用ref,能不用就不要用ref