"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 value = ["이름","로그","그룹","구독"];
const labels = ["이름", "로그", "그룹", "구독"];
const 탭 = [
     {
         값: {값},
         라벨: {라벨},
         onclick: (obj) => {
             tabOnClick(obj.value);
         },
         선택됨: mainTabSelected,
     }]

나는 정말 좋은 사람인가요?

Answer 1

사용:

으아악

이것은 값 배열의 각 요소를 매핑하고 각 탭의 Tabs 배열에 새 개체를 삽입합니다.