【问题标题】:Nested arrays iteration on React JsReact Js 上的嵌套数组迭代
【发布时间】:2021-10-28 02:42:58
【问题描述】:

我有那个嵌套数组,但不知道如何迭代它。需要从大数组中的每个嵌套数组中获取所有“成分”。 我渲染了 20 个食谱,分别需要分别渲染每个食谱的成分。 如果无法理解,我会澄清一下,或者至少尝试一下

【问题讨论】:

  • 您想要的输出 UI 是什么?你试过什么?
  • 嵌套数组是否包含不同的配方?然后,这取决于您希望在 UI 中呈现这些细节的方式。请进一步解释。
  • 不要发布代码图片,花时间输入您的尝试、输入和预期输出。
  • 请提供足够的代码,以便其他人更好地理解或重现问题。

标签: javascript arrays reactjs multidimensional-array


【解决方案1】:

由于数组只嵌套了一个度数,所以对flat 的简单调用就可以解决问题:

recipies = [
  ['ingrediant 1a', 'ingrediant 2a'],
  ['ingrediant 1b', 'ingrediant 2b']
];

result = recipies.flat();

console.log(result)

【讨论】:

  • 不准确,该函数的调用只是混合在一起。我需要进入第一个数组,对于每个小数组(其中一些有 4 个成分,一些 3 个),需要再次映射它并返回一个带有该成分值的 LI。
  • @SintaxisDev 我不确定我是否理解此声明。您能否编辑您的问题并分享您期望的输出?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-09-16
  • 2016-05-16
  • 2013-05-05
  • 1970-01-01
  • 2020-06-02
  • 1970-01-01
  • 2015-10-17
相关资源
最近更新 更多