文章詳情頁
javascript - react如何不通過state去修改classname？
瀏覽：73日期：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. 老哥們求助啊2. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？3. node.js - node 客戶端socket一直報錯Error: read ECONNRESET，用php的socket沒問題哈。。4. docker 17.03 怎么配置 registry mirror ?5. 我的html頁面一提交，網頁便顯示出了我的php代碼，求問是什么原因？6. django - 后臺返回的json數據經過Base64加密，獲取時用python如何解密~！7. tp6表單令牌8. javascript - canvas 可以實現 PS 魔法橡皮擦的功能嗎？9. angular.js - 如何通俗易懂的解釋“依賴注入”？10. node.js - nodejs中把熱request保存下來，使用JSON.stringify(req)報錯，請問怎么解決？
排行榜
網公網安備