„React verwenden, um dynamische Variablen zu implementieren“

Question

我在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,
     }]

我是对的吗？

Answer 1

使用：

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数组中注入新对象。