【问题标题】:mapping objects inside another mapping react native在另一个映射中映射对象反应原生
【发布时间】:2021-10-15 09:16:41
【问题描述】:

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

{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}}

这不会退回我想要的卡

【问题讨论】:

  • 以上代码返回一个数组或数组数组,而不是组件。
  • 那么,如何从中返回组件

标签: reactjs react-native javascript-objects


【解决方案1】:

您只是在二维数组中进行映射。只需在第二个循环之前添加一个 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}`}
            />
      );
    });
  })

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-06-29
    • 1970-01-01
    • 1970-01-01
    • 2023-03-05
    • 1970-01-01
    • 2022-08-22
    • 1970-01-01
    • 2021-11-29
    相关资源
    最近更新 更多