useRef 和 useContext 碎笔头

87 阅读1分钟

useRef 

 

  作用:获取真实dom或者组件实例对象

  实现步骤:

  1. 导入‘useRef’函数

  2. 执行‘useRef’函数并传入null,返回值为一个对象 ,内部有一个current 属性存放拿到的dom 对象(组件实例)

  3. 通过ref绑定要获取的元素或者组件

useContext :

  实现步骤;

   1. 使用’createContext’创建Context对象

   2. 在顶层组件通过‘Provider’提供数据

   3. 在底层组件通过’useContext(Context)’函数获取数据

  补充:

    1. 如果提供数据是静态不变, — index.js 包裹

    2. 如果提供过的数据需要变化 — app.js 可以方便更改数据。