Heim  >  Fragen und Antworten  >  Hauptteil

Styling-Problem mit der REACT-Komponente – Stapelüberlauf

Wie können wir für die im Bild gezeigte Komponente mit drei Schaltflächen einfach natives JS und REACT verwenden, um eine einfache Möglichkeit zu schreiben, wie man auf eine der Schaltflächen klickt, um den Stil einer der Schaltflächen zu ändern? Und wenn Sie auf andere Schaltflächen klicken, können Sie den gleichen Effekt erzielen (d. h. die Stile der anderen beiden löschen und den Stil der Klickschaltfläche hinzufügen)

巴扎黑巴扎黑2662 Tage vor815

Antworte allen(3)Ich werde antworten

  • 天蓬老师

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

    按钮的点击用state维护,是否被点击。不同的状态给不同的样式~~
    第二个问题,肯定只能写一个p的样式,不可能3个按钮写3个,10个写10个。。。。怼基础数据做一个遍历,render很多个p,p给一个默认的样式,给每个p分配一个不同的key,用来区分

    这是一个modal组件,点击不同的button弹出对应的内容~~~

    Antwort
    0
  • 某草草

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

    每个钮设置一个selected字段,选中一个清空其他两个。
    根据selected的值动态给按钮添加样式。

    Antwort
    0
  • 黄舟

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

    可以利用input的radio实现

    Antwort
    0
  • StornierenAntwort