我在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, }] 我是对的吗？
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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.