文章詳情頁
javascript - react如何不通過state去修改classname?
瀏覽:227日期:2023-02-13 17:49:59
問題描述
如題,react中怎么樣可以不用下面這種方式去改變class,直接用原生js去改變class?
<p className={ this.state.*** ? class1 : class2 }></p>
問題解答
回答1:<p ref={(p)=>{this.getDom = p}}></p>...// 可以在一個事件中通過this.getDom獲取當前元素,再通過className設置this.getDom.className = class1回答2:
原生 JS 操作 DOM 的行為是不推薦的,如果非常需要這個能力,可以通過 ReactDOM 的 findDOMNode 方法去獲取到 DOM 節點的引用。例如這里:https://facebook.github.io/re...
但這確實是一個【打開了安全倉口】的潛在風險行為,通過原生 JS 直接修改 DOM 的操作是冗余、不安全和不符合 React 思想的,建議以 JSX 的方式考慮所要解決的問題。
回答3:肯定是有其他方法可以做到的,可以考慮classnames的包,樓上用的ref也是一個常用的方法
標簽:
JavaScript
相關文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. 配置Apache時,添加對PHP的支持時語法錯誤4. 實現bing搜索工具urlAPI提交5. javascript - vue-router 地址改變數據未改變6. javascript - html5多個label中其中一個觸發change,如何判斷是哪一個出發了change7. javascript - 移動端上不能實現拖拽布局嗎?8. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~9. phpstudy8.1支持win11系統嗎?10. javascript - nodejs關于進程間發送句柄的一點疑問
排行榜

網公網安備