<p>我在React中有以下代码：</p> <pre class="brush:js;toolbar:false;">const TABS = [ { value: &quot;Names&quot;, label: &quot;Names&quot;, onclick: (obj) =&gt; { tabOnClick(obj.value); }, selected: mainTabSelected, }, { value: &quot;Logs&quot;, label: &quot;Logs&quot;, onclick: (obj) =&gt; { tabOnClick(obj.value); }, selected: mainTabSelected, }, { value: &quot;Groups&quot;, label: &quot;Groups&quot;, onclick: (obj) =&gt; { tabOnClick(obj.value); }, selected: mainTabSelected, }, { value: &quot;Subscriptions&quot;, label: &quot;Subscriptions&quot;, onclick: (obj) =&gt; { tabOnClick(obj.value); }, selected: mainTabSelected, }, ] </pre> <p>我试图将代码变为动态的，如下所示：</p> <pre class="brush:js;toolbar:false;">const values = [&quot;Names&quot;,&quot;Logs&quot;,&quot;Groups&quot;,&quot;Subscriptions&quot;]; const labels = [&quot;Names&quot;,&quot;Logs&quot;,&quot;Groups&quot;,&quot;Subscriptions&quot;]; const TABS = [ { value: {values}, label: {labels}, onclick: (obj) =&gt; { tabOnClick(obj.value); }, selected: mainTabSelected, }] </pre> <p>我是对的吗？</p>

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

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