「React を使用して動的変数を実装する」

Question

React には次のコードがあります。

const TABS = [
    {
        値: "名前"、
        ラベル: 「名前」、
        onclick: (obj) => {
            tabOnClick(obj.value);
        }、
        選択済み: mainTabSelected、
    }、
    {
        値: "ログ"、
        ラベル: 「ログ」、
        onclick: (obj) => {
            tabOnClick(obj.value);
        }、
        選択済み: mainTabSelected、
    }、
    {
        値: "グループ"、
        ラベル: 「グループ」、
        onclick: (obj) => {
            tabOnClick(obj.value);
        }、
        選択済み: mainTabSelected、
    }、
    {
        値: "サブスクリプション"、
        ラベル: 「サブスクリプション」、
        onclick: (obj) => {
            tabOnClick(obj.value);
        }、
        選択済み: mainTabSelected、
    }、
】

コードを次のように動的にしようとしました:

const 値 = ["名前"、"ログ"、"グループ"、"サブスクリプション"];
const label = ["名前"、"ログ"、"グループ"、"サブスクリプション"];
const TABS = [
     {
         値: {値}、
         ラベル: {ラベル}、
         onclick: (obj) => {
             tabOnClick(obj.value);
         }、
         選択済み: mainTabSelected、
     }]

そうですか？

Answer 1

＃＃＃使用：＃＃＃ リーリー

これにより、各要素が値配列にマップされ、各タブの Tabs 配列に新しいオブジェクトが挿入されます。