为什么在React示例中useRef被初始化为null

Question

在官方的React文档中，我看到的useRef的所有示例都是这样使用的：

const ref = useRef(null);

我发现它可以在不传递任何争论的情况下工作。显式传递null的目的是什么？

Answer 1

useRefHook是一个返回可变ref对象的函数，该对象的当前属性初始化为传递的参数(initialValue(。返回的对象将在组件的整个生存期内持续存在。

但是，在函数返回并呈现内容之前，不会设置ref。

因此，ref被声明为null，因为屏幕上没有加载或渲染任何组件，并且在渲染之前声明值会出错。