"Utiliser React pour implémenter des variables dynamiques"
P粉008829791
P粉008829791 2023-09-02 20:55:54
0
1
375

我在React中有以下代码:

const TABS = [ { valeur : "Noms", étiquette : "Noms", onclick : (obj) => { tabOnClick(obj.value); }, sélectionné : mainTabSelected, }, { valeur : "Journaux", étiquette : "Journaux", onclick : (obj) => { tabOnClick(obj.value); }, sélectionné : mainTabSelected, }, { valeur : "Groupes", libellé : "Groupes", onclick : (obj) => { tabOnClick(obj.value); }, sélectionné : mainTabSelected, }, { valeur : "Abonnements", libellé : "Abonnements", onclick : (obj) => { tabOnClick(obj.value); }, sélectionné : mainTabSelected, }, ] ≪/pré> 

const valeurs = ["Noms","Journaux","Groupes","Abonnements"] ; const labels = ["Noms", "Journaux", "Groupes", "Abonnements"] ; const ONGLETS = [ { valeur : {valeurs}, étiquette : {étiquettes}, onclick : (obj) => { tabOnClick(obj.value); }, sélectionné : mainTabSelected, }] ≪/pré> 

我是对的吗?

P粉008829791
P粉008829791

répondre à tous (1)
P粉904405941

Utilisation :

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

Cela mappera chaque élément de votre tableau de valeurs et injectera un nouvel objet dans le tableau Tabs pour chaque onglet.

    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!