在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属性。