SVG动画在React中引发“Cannot read property”样式“of null”错误
提问于 2021-06-24 09:24:32
我的问题是构建一个SVG拱门，它可以在滚动时展开：
我构建了一个React组件来完成这项工作：
function Arch() {
let arch = document.querySelector("#arch")
window.addEventListener('scroll', function () {
let value = window.scrollY;
arch.style.backgroundSize = 100 + value*2 +'px';
});
return (
<div id="arch" className="arch" style={{backgroundSize:'50'}} ></div>
)
}但是，虽然我可以看到SVG动画发生了一秒钟，但应用程序抛出了一个错误:当到达拱门组件的部分时，无法立即读取null的'style‘属性：
我知道'style‘返回null，但我不明白为什么。
回答 1
Stack Overflow用户
发布于 2021-06-24 09:34:27
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68113052
复制相关文章
点击加载更多
腾讯云开发者
