reactjs - CSSStyleDeclaration 在 react 中使用 useRef 时没有给出任何值

Question

我想在渲染后获取 Rect 中元素的行高，为此我正在使用 useRef

const titleLineHeight = titletext.current?.style.lineHeight;

我没有得到任何价值CSSStyleDeclaration

我不确定如何获得这些值。请帮我

提前致谢 ：）

Answer 1

使用 getComputedStyle()

https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle

const paraRef = useRef(null);

  useEffect(() => {
    const paraStyle = paraRef.current && getComputedStyle(paraRef.current);
    console.log(paraStyle.lineHeight);
  }, []);

  return (
    <div className="App">
      <p ref={paraRef}>New text</p>
    </div>
  );