文章詳情頁
javascript - REACT組件的樣式問題
瀏覽：87日期：2023-03-16 14:37:57
問題描述
如圖所示的三按鈕組件，只用原生JS和REACT怎么才能比較簡潔的寫出點擊一個其中一個按鈕，讓其中一個按鈕的樣式發生變化。并且點擊其他按鈕的時候，可以有同樣的效果（即清除另外兩個的樣式，添加點擊按鈕的樣式）
問題解答
回答1：按鈕的點擊用state維護，是否被點擊。不同的狀態給不同的樣式~~第二個問題，肯定只能寫一個p的樣式，不可能3個按鈕寫3個，10個寫10個。。。。懟基礎數據做一個遍歷，render很多個p，p給一個默認的樣式，給每個p分配一個不同的key，用來區分
這是一個modal組件，點擊不同的button彈出對應的內容~~~
每個鈕設置一個selected字段，選中一個清空其他兩個。根據selected的值動態給按鈕添加樣式。
回答3：可以利用input的radio實現
標簽：
JavaScript
相關文章：
1. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題2. docker安裝后出現Cannot connect to the Docker daemon.3. css - 定位為absolute的父元素中的子元素 如何設置在父元素的下面？4. javascript - angualr2中emit觸發一個方法然后怎么獲得這個promise的結果5. java - 請問在main方法中寫成對象名.屬性（）并賦值，與直接參參數賦值輸錯誤是什么原因？6. mysql里的大表用mycat做水平拆分，是不是要先手動分好，再配置mycat7. java - Spring boot 讀取 放在 jar 包外的，log4j 配置文件，系統有創建日志文件，不寫入日志信息。8. javascript - 圖片鏈接請求一直是pending狀態，導致頁面崩潰，怎么解決？9. python - beautifulsoup獲取網頁內容的問題10. 怎么用css截取字符？
排行榜
網公網安備