时间戳

首页 > 解决方案 > 在另一个映射中映射对象反应原生

reactjs - 在另一个映射中映射对象反应原生

问题描述

我正在尝试映射另一个对象内部的对象，并且我尝试在滚动视图中使用此代码：

{Object.entries(exceptions).map(([key, value]) => {
  Object.entries(value).map(([num, photo]) => {
    let Qnum = num;
    let qType = key;
    let image = photo;
    return (
      <CustomCard
        questionNumber={Qnum}
        questionType={qType}
        image={image}
        key={`${key}, ${value}, ${photo}`}
      />
    );
  });
})}

该对象如下所示：

{"Qtype":{"key":val},"another":{"key":val}}

这不会退回我想要的卡

标签： reactjsreact-nativejavascript-objects

解决方案

您只是在二维数组中进行映射。只需在第二个循环之前添加一个 return 语句，否则只需删除你的{}括号

{Object.entries(exceptions).map(([key, value]) =>
    Object.entries(value).map(([num, photo]) => {
      let Qnum = num;
      let qType = key;
      let image = photo;
      return (
            <CustomCard
              questionNumber={Qnum}
              questionType={qType}
              image={image}
              key={`${key}, ${value}, ${photo}`}
            />
      );
    });
  })

推荐阅读