亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

React 中出現“無法讀取 null 的屬性‘classList’”錯誤

React 中出現“無法讀取 null 的屬性‘classList’”錯誤

RISEBY 2023-08-18 16:50:54
我構建了一個石頭/剪刀/布 React 應用程序。該應用程序運行良好,但我只是想添加一個功能。當用戶或 CPU 獲勝時,我想向獲勝的特定元素添加一個特定的類 (.bigger)。例如,在下面的代碼中,當用戶通過選擇紙張獲勝時,我嘗試添加 .bigger 類,但應用程序崩潰了。 if(this.state.victory === true) {                if(this.state.choiceName === "paper") {                    document.getElementById("paper-box").classList.add("bigger")                } }我收到以下錯誤:“無法讀取 null 的屬性‘classList’”。為什么會這樣?我怎樣才能實現我想要的?預先非常感謝您。https://codesandbox.io/s/lively-smoke-7z7ej?file=/src/components/Main.js
查看完整描述

1 回答

?
滄海一幻覺

TA貢獻1824條經驗 獲得超5個贊

可能的原因(您沒有在問題本身中包含mcve )是您在搜索 DOM 時尚未使用該 ID 渲染該元素。


一般來說,在使用 React 時,您應該直接訪問 DOM。

您的渲染函數應該負責確定輸出。

...
<span?id="paper-box"?className={?this.state.choiceName?===?"paper"???"bigger"?:?""?}>
...



查看完整回答
反對 回復 2023-08-18
  • 1 回答
  • 0 關注
  • 304 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號