首頁  >  問答  >  主體

javascript - REACT元件的樣式問題

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

巴扎黑巴扎黑2662 天前816

全部回覆(3)我來回復

  • 天蓬老师

    天蓬老师2017-07-05 10:52:54

    按鈕的點擊用state維護,是否被點擊。不同的狀態給不同的樣式~~
    第二個問題,一定只能寫一個p的樣式,不可能3個按鈕寫3個,10個寫10個。 。 。 。懟基礎資料做一個遍歷,render很多p,p給一個預設的樣式,給每個p一個不同的key,用來區分

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

    回覆
    0
  • 某草草

    某草草2017-07-05 10:52:54

    每個鈕扣設定一個selected字段,選取一個清空其他兩個。
    根據selected的值動態為按鈕添加樣式。

    回覆
    0
  • 黄舟

    黄舟2017-07-05 10:52:54

    可以利用input的radio實現

    回覆
    0
  • 取消回覆