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