在反应中使用 useRef 时 CSSStyleDeclaration 没有给出任何值

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>
  );

在反应中使用 useRef 时 CSSStyleDeclaration 没有给出任何值

CSSStyleDeclaration not giving any value while using useRef in react

reactjs

line-height

use-ref