"Menggunakan React untuk melaksanakan pembolehubah dinamik"

Question

我在React中有以下代码：

const TABS = [
    {
        nilai: "Nama",
        label: "Nama",
        onclick: (obj) => {
            tabOnClick(obj.value);
        },
        dipilih: mainTabSelected,
    },
    {
        nilai: "Log",
        label: "Log",
        onclick: (obj) => {
            tabOnClick(obj.value);
        },
        dipilih: mainTabSelected,
    },
    {
        nilai: "Kumpulan",
        label: "Kumpulan",
        onclick: (obj) => {
            tabOnClick(obj.value);
        },
        dipilih: mainTabSelected,
    },
    {
        nilai: "Langganan",
        label: "Langganan",
        onclick: (obj) => {
            tabOnClick(obj.value);
        },
        dipilih: mainTabSelected,
    },
]

我试图将代码变为动态的，如下所示：
const values ​​= ["Nama","Log","Kumpulan","Langganan"];
label const = ["Nama","Log","Kumpulan","Langganan"];
const TABS = [
     {
         nilai: {values},
         label: {labels},
         onclick: (obj) => {
             tabOnClick(obj.value);
         },
         dipilih: mainTabSelected,
     }]

我是对的吗？

Answer 1

Gunakan:

const values = ["Names", "Logs", "Groups", "Subscriptions"];

const TABS = values.map((e, i) =>
    {
        return {
            value: e,
            label: e,
            onclick: (obj) => {
                tabOnClick(obj.value);
            },
            selected: mainTabSelected,
        }
    }
)

Ini akan memetakan setiap elemen pada tatasusunan nilai anda dan menyuntik objek baharu dalam tatasusunan Tab untuk setiap tab.