„React verwenden, um dynamische Variablen zu implementieren'
P粉008829791
P粉008829791 2023-09-02 20:55:54
0
1
378

我在React中有以下代码:

const TABS = [ { Wert: "Namen", label: "Namen", onclick: (obj) => { tabOnClick(obj.value); }, ausgewählt: mainTabSelected, }, { Wert: "Protokolle", label: "Protokolle", onclick: (obj) => { tabOnClick(obj.value); }, ausgewählt: mainTabSelected, }, { Wert: "Gruppen", label: "Gruppen", onclick: (obj) => { tabOnClick(obj.value); }, ausgewählt: mainTabSelected, }, { Wert: "Abonnements", Label: "Abonnements", onclick: (obj) => { tabOnClick(obj.value); }, ausgewählt: mainTabSelected, }, ] 

const value = ["Names","Logs","Groups","Subscriptions"]; const labels = ["Namen","Protokolle","Gruppen","Abonnements"]; const TABS = [ { Wert: {Werte}, Etikett: {Labels}, onclick: (obj) => { tabOnClick(obj.value); }, ausgewählt: mainTabSelected, }] 

我是对的吗?

P粉008829791
P粉008829791

Antworte allen (1)
P粉904405941

使用:

const values = ["Names", "Logs", "Groups", "Subscriptions"]; const TABS = values.map((e, i) => { return { value: e, label: e, onclick: (obj) => { tabOnClick(obj.value); }, selected: mainTabSelected, } } )

这将在您的values数组上映射每个元素,并为每个选项卡在Tabs数组中注入新对象。

    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!