React.createRef()和 ref 以及 useRef()

[innerWang]

React.createRef()和 ref 以及 useRef()

1. React.createRef()

Refs提供了一种访问在render中创建的DOM节点或React元素的方法。

创建 Refs

可通过React.createRef()创建Refs，并可以通过ref属性绑定到React元素，构建组件时，Refs一般被指派给一个实例属性，这样在整个组件中都可以使用。可以查看如下代码，在constructor中将创建的Refs赋值给了实例属性，然后将实例属性绑定到元素。

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
  }
  render() {
    return <div ref={this.myRef} />;
  }
}

访问Refs

2. useRef()