目录
ref三种使用方法:
1.通过绑定ref,值为字符串,获取dom元素,this.refs.input获取值
2.通过ref绑定一个回调函数形式,形参是当前的dom对象
3.通过React.createRef()创建一个ref对象,进行ref绑定
方法使用举例:
ref字符串形式,单点,不能复用
<body>
<div id="root">
</div>
</body>
<script type="text/babel">
class Getref extends React.Component {
add=()=>{
console.log(this.refs.input.value);
}
render() {
return (
<div>
{/* ref字符串形式使用*/}
姓名:<input type="text" ref='input' /><br/>
<button onClick={this.add}>按钮</button>
</div>
)