react的ref使用
时间: 2023-09-17 15:09:09 浏览: 82
React中Ref 的使用方法详解
5星 · 资源好评率100%
React中的ref属性可以用来获取组件或DOM元素的实例。我们可以通过回调函数将ref赋值给一个变量,然后可以在组件中使用这个变量来访问组件或DOM元素。例如:
```
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.myRef = React.createRef();
}
render() {
return <div ref={this.myRef}>Hello World!</div>;
}
componentDidMount() {
console.log(this.myRef.current);
// Output: <div>Hello World!</div>
}
}
```
这里我们定义了一个名为myRef的引用,并将其传递给组件的div元素。在componentDidMount生命周期方法中,我们可以通过访问ref的current属性来获取组件的DOM节点。
阅读全文