React示例中为何用null初始化useRef？显式传null的作用是什么？

嘿，这个问题问得相当细致！我来给你拆解下为啥官方文档和几乎所有示例都写const ref = useRef(null);，而不是直接留空参数~

• 可读性拉满，初始状态一目了然
  大部分时候useRef是用来绑定DOM元素的，组件挂载前DOM还没生成，ref的current值本来就是null。显式写出来，不管是你自己回头看代码，还是团队里其他小伙伴接手，一眼就知道这个ref一开始是空的，后续会被赋值为DOM节点或者其他值，比空参数（默认初始值是undefined）清晰太多，不会让人摸不着头脑。

• TypeScript友好，类型推导更省心
  要是用TypeScript开发，useRef(null)会自动帮你推导出合适的类型——比如你要绑定div元素，类型会是MutableRefObject<HTMLDivElement | null>。但如果不传参数，TS会把类型推导成MutableRefObject<undefined>，之后你给它赋值DOM节点的时候就会报错，还得手动加类型注解。显式传null直接省去这个麻烦，类型完全贴合实际使用场景。

• 遵循最佳实践，团队协作更顺畅
  官方文档和所有示例都这么写，这已经是个约定俗成的最佳实践了。团队里所有人都按这个写法来，代码风格统一，不会因为有人写空参数有人传null而产生不必要的沟通成本，大家一看就懂。

• 避免undefined带来的潜在问题
  虽然不传参数时useRef的初始值是undefined，但有些场景下undefined和null的处理逻辑可能有细微差别。比如你写if (ref.current)，两者都会被判定为false，但如果是一些需要严格区分的逻辑（比如和后端交互时，null可能代表“无值”，undefined可能代表“未传值”），显式传null能让你的代码行为更明确，避免莫名其妙的bug。

内容的提问来源于stack exchange，提问作者thisismydesign