Cannot read properties of null (reading 'useRef') TypeError: Cannot read properties of null (reading 'useRef')

这个错误发生在JavaScript中，当你尝试访问一个null对象的`useRef`属性时。`useRef`是React库中的一个 Hook，用于创建一个只读的、永远不会改变的引用，通常用来保存对DOM元素或者其他不可变值的引用。当你的组件在初始化阶段，某个预期会提供`useRef`的对象可能是null，导致了这个错误。

举个例子，如果你有一个函数期望接收一个`ref`作为参数，但在某些条件下没有传入ref，就会出错：

function MyComponent({ ref }) {
  const inputRef = useRef(null); // 这里假设ref为null

  if (!ref) {
    // 如果ref未传入，此处试图访问inputRef.useRef将抛出TypeError
    inputRef.current.focus(); // 这行会报错
  }
}

要解决这个问题，你需要检查`ref`是否为null再进行操作：

function MyComponent({ ref }) {
  const inputRef = useRef(null);

  if (ref !== undefined && ref.current !== null) {
    ref.current.focus();
  } else {
    console.log('No ref provided');
  }
}