"Utiliser React pour implémenter des variables dynamiques"

Question

我在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é>
我是对的吗？

Answer 1

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.