如何修复无法读取null的属性“ clientWidth”?

时间:2019-12-09 09:48:07

标签: javascript reactjs

调整窗口大小时,出现错误“无法读取null的属性'clientWidth'”。我认为,这是因为我正在获得ref null。知道怎么解决吗?

  String HighScoreTable = "create table HighScore(ID INT NOT NULL"
                    + "AUTO_INCREMENT,"
                    + "username VARCHAR(100) NOT NULL,"
                    + "Score INT NOT NULL,"
                    + "PRIMARY KEY(cus_id)";

st = connection.createStatement();
st.execute(HighScoreTable);

调整窗口大小时,出现错误“无法读取null的属性'clientWidth'”。我认为,这是因为我正在获得ref null。知道怎么解决吗?

1 个答案:

答案 0 :(得分:1)

window.addEventListener试图读取一个尚不存在的值。此时,divRef为空。

我认为您应该尝试测试div.current的存在,然后执行您的if语句:

if(tooltip && divRef.current && divRef.current.scrollWidth && divRef.current.clientWidth){
  //your statement
}

另外,我想尝试不使用[divRef, tooltip]来执行操作,因为我想只执行一次([]