reactjs - CSSStyleDeclaration 在 react 中使用 useRef 时没有给出任何值
问题描述
我想在渲染后获取 Rect 中元素的行高,为此我正在使用 useRef
const titleLineHeight = titletext.current?.style.lineHeight;
我没有得到任何价值CSSStyleDeclaration
我不确定如何获得这些值。请帮我
提前致谢 :)
解决方案
使用 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>
);
推荐阅读
- mongodb - 使用 $substr 获取最后一个字符
- object - Kotlin .add 覆盖 MutableList 中的所有列表项
- angularjs - 想用 ReactJS 而不是 AngularJS 创建 hyperledger-composer 前端?
- php - 如何使用 PHP 将 TeX 标签转换为 HTML 标签?
- c# - 尽管模拟,测试方法仍然调用实际方法
- arrays - Receive array of either Int or Double in Scala function
- node.js - 如何使用 lowdb 找到内部数组?
- java - 空对象引用上的 ActionBar.setDisplayHomeAsUpEnabled
- c# - WPF:使用 mysql 将自定义类绑定到数据网格
- c# - 如何从控件阵列中获得最小面积的控制?