在React Functional Component中使用useRef时，获取null错误的Cannot read属性'style‘

import React, { useEffect, useRef } from 'react';

function MyComponent() {
  const myRef = useRef(null);

  useEffect(() => {
    if (myRef.current) {
      // 在组件渲染完成后，myRef.current会被赋值为对应的DOM元素
      console.log(myRef.current.style);
    }
  }, []);

  return <div ref={myRef}>Hello World</div>;
}

import React, { useRef } from 'react';

function MyComponent() {
  const myRef = useRef(null);

  return <div ref={myRef}>Hello World</div>;
}

// 在其他地方访问ref对象的属性时，使用可选链操作符来避免错误
console.log(myRef?.current?.style);

import React, { useRef } from 'react';

function MyComponent() {
  const myRef = useRef(null);

  return <div ref={myRef}>Hello World</div>;
}

// 在其他地方访问ref对象的属性之前，通过条件判断确保ref对象已经被赋值
if (myRef.current) {
  console.log(myRef.current.style);
}