如何在ReactJS中从内联样式中检索纯CSS？

<div ref={elementRef} style={{ color: 'red', fontSize: '16px' }}>Hello World</div>

const getPureCSS = () => {
  const element = elementRef.current; // 获取DOM元素的引用
  const computedStyle = window.getComputedStyle(element); // 获取元素的计算样式
  const pureCSS = {};

  // 遍历计算样式对象，将非内联样式的CSS属性添加到pureCSS对象中
  for (let i = 0; i < computedStyle.length; i++) {
    const property = computedStyle[i];
    const value = computedStyle.getPropertyValue(property);

    if (value !== element.style[property]) {
      pureCSS[property] = value;
    }
  }

  return pureCSS;
};

console.log(getPureCSS());