文章詳情頁
javascript - REACT組件的樣式問題
瀏覽：145日期：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. 跟著課件一模一樣的操作使用tp6,出現了錯誤2. PHP類屬性聲明？3. macos - mac下docker如何設置代理4. javascript - 為何CreateElement之后，在這標簽前插入子節點，沒用5. javascript - 求助關于call和apply的問題，反柯里化6. 用TP6寫的HTML，我的layui樣式為什么出不來，路徑沒錯，頁面報錯：不允許加載本地資源：fil7. css3怎么讓img上下左右居中8. css3 - 圖文響應式樣式9. css - 手機瀏覽器的兼容問題，微信和其它下載的瀏覽器打開沒有問題，谷歌也測試過，就是手機自帶的瀏覽器有問題。10. javascript - 求助大問題!!!!!這輸出為什么能不一樣
排行榜
網公網安備