从 React 源码彻底搞懂 Ref 的全部 api

ref 是 React 里常用的特性，我们会用它来拿到 dom 的引用。

它一般是这么用的：

函数组件里用 useRef：

import React, { useRef, useEffect } from "react";
 
export default function App() {
  const inputRef = useRef();
 
  useEffect(()=> {
    inputRef.current.focus();
  }, []);
 
  return <input ref={inputRef} type="text" />
}
复制代码

class 组件里用 createRef：

import React from "react";
 
export default class App  extends React.Component{
  constructor() {
    super();
    this.inputRef = React.createRef();
  }
 
  componentDidMount() {
    this.inputRef.current.focus();
  }