react开发——document.getElementById(...) is null 问题


最近在学习react开发,碰到了这个问题,找出问题了才发现很简单(可能这就是为什么我百度不到解决的办法吧),希望给也在学习的小伙伴们提供一点点帮助

问题原因:首先你要确定你没有在rend()里面使用这个函数,此时还没有完成渲染,肯定是null的

  其他可能的情况是你在非基础组件中定义了一个id,以下面为例

  <img src={require("./images/a.jpg")} id = "img0" />

  这是一个基础组件(就是不需要外部引入的组件),你定义id不会出现错误

  如果是外部引入的组件,比如ant disign charts 中的Column组件(一个直方图组件)

  <Column id = "column"/>

  那这时候你用document.getElementById("column")就会出错了,在这个组件外面再套上一层<div>,把id放到外层<div>里就行了(这可能只会解决一部分问题,我只能找出原因,至于为什么就不清楚了)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM