如何解决找不到元素
我遇到一个有元素的问题,但似乎没有空错误就无法引用它。
render() {
const getXandY = () => {
const elment = document.getElementById("test");
const xpos = elment.style.left;
const ypos = elment.style.top;
console.log(xpos);
console.log(ypos);
};
return (
getXandY(),(
<div id="test" className="treeContainer">
{this.state.configs.map((config) => (
<div>
<Configs configName={config.name} configNumber={config.id} />
</div>
))}
</div>
)
);
}
}
感谢您的帮助。
解决方法
我不起诉您了解React。在render()
函数中,尽量避免定义函数,这是一个仅返回要呈现的JSX的函数(您不能在那里返回其他任何内容)。因此,请在getXandY
之外定义render()
。如果您真的想在渲染时调用它,只需将函数调用放入其中即可。这样看起来像:
const getXandY = ...
render() {
getXandY();
return (
<div ... />
);
{
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。