av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - REACT組件的樣式問題

瀏覽:123日期:2023-03-16 14:37:57

問題描述

javascript - REACT組件的樣式問題

如圖所示的三按鈕組件,只用原生JS和REACT怎么才能比較簡潔的寫出點擊一個其中一個按鈕,讓其中一個按鈕的樣式發生變化。并且點擊其他按鈕的時候,可以有同樣的效果(即清除另外兩個的樣式,添加點擊按鈕的樣式)

問題解答

回答1:

按鈕的點擊用state維護,是否被點擊。不同的狀態給不同的樣式~~第二個問題,肯定只能寫一個p的樣式,不可能3個按鈕寫3個,10個寫10個。。。。懟基礎數據做一個遍歷,render很多個p,p給一個默認的樣式,給每個p分配一個不同的key,用來區分javascript - REACT組件的樣式問題

這是一個modal組件,點擊不同的button彈出對應的內容~~~

javascript - REACT組件的樣式問題

回答2:

每個鈕設置一個selected字段,選中一個清空其他兩個。根據selected的值動態給按鈕添加樣式。

回答3:

可以利用input的radio實現

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 亚洲国产精品99久久久久久久久 | 麻豆一区二区三区 | 亚洲精品一区中文字幕乱码 | 一区二区三区四区免费观看 | 久久91精品国产一区二区 | 91麻豆精品国产91久久久资源速度 | 日本精品久久 | 欧美成人h版在线观看 | avhd101在线成人播放 | 国产欧美日韩一区二区三区在线观看 | 亚洲综合视频一区 | 国产无人区一区二区三区 | 亚洲啪啪一区 | 免费视频二区 | 日韩精品在线视频免费观看 | 日韩精品一区二区三区中文在线 | 欧美性网| 亚洲精品一区二区在线观看 | 国产精品揄拍一区二区 | 五月天天丁香婷婷在线中 | 全免费a级毛片免费看视频免 | 国产高清在线观看 | h片在线播放 | 日本一区二区三区免费观看 | 日韩免费网 | 国产精彩视频在线观看 | 91免费视频 | 两性午夜视频 | 久久久久九九九女人毛片 | 日韩在线免费视频 | 高清视频一区二区三区 | 99久久中文字幕三级久久日本 | 日韩毛片免费看 | 久在线观看 | 亚洲免费人成在线视频观看 | 自拍在线 | 欧美天堂在线 | 国产免费播放视频 | 日韩成人影院在线观看 | 亚洲一区二区三区免费在线 | 久久久精品一区二区 |