关于refs

411 阅读1分钟

在react数据流中,可以通过props,refs和Context来访问其它组件的属性,其中利用refs可以在数据流外强制修改组件实例.

可以为ref赋值来访问真实DOM。

使用方式

constructor里面初始化一个ref

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

上面的this.myRef有一个current属性,它的值取决于下面三种情况:

如果ref属性被用于html元素,那么它的值是底层DOM元素。 如果ref属性被用于自定义类组件,那么它的值是已挂载的这个自定义类组件的实例。 函数式组件没有ref属性。