Refs & DOM

Refs 提供了一种方式，允许我们访问DOM 元素。

xxxxxxxxxx
<div ref={ref}></div>

• 创建 Refs

  使用 React.createRef() 创建的。

  通常将 Refs 分配给实例属性，以便可以在整个组件中引用它们。

  xxxxxxxxxx
   constructor(props) {
      super(props);
      this.myRef = React.createRef();
    }
  

• 使用Refs

  给对应的React 元素设置ref属性，则相当于使用 ref 去存储 DOM 节点的引用。

  xxxxxxxxxx
   render() {
      return <input ref={this.myRef} />;
    }
  

• 访问Refs

  当 ref 被传递给 render 中的元素时，对该节点的引用可以在 ref 的 current 属性中被访问。

  xxxxxxxxxx
  
  componentDidMount(){
      const node = this.myRef.current;
      node.focus()
    }
  
  

提示：

React 会在组件挂载时给 current 属性传入 DOM 元素，并在组件卸载时传入 null 值。ref 会在 componentDidMount 或 componentDidUpdate 生命周期钩子触发前更新。

实时效果反馈

1. 使用__创建Refs：

A React.refs()

B React.createrefs()

C React.createRefs()

D React.createRef()

答案

1=>D