react-hooks useRef 变null

Question

现在我在A页面下有两个ref

const refIM = useRef(null);
  const refAnimation = useRef(null);

第一次进入页面的时候, 可以正常打印

refIM.current
refAnimation.current

所中子组件暴露出的方法,
但是我a页面返回上级再进来

refIM.current  
refAnimation.current

打印为null

刷新之后正常,请问这是什么原因

Answer 1

Hooks 组件是不能直接通过 ref 访问组件实例属性的要通过这个 forwardRef 和 useImperativeHandle 配合使用

useImperativeHandle： https://zh-hans.reactjs.org/d...

forwardRef： http://react.html.cn/docs/for...