React Js 上的嵌套数组迭代答案

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

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

【问题讨论】：

【解决方案1】：

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

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

result = recipies.flat();

console.log(result)

【讨论】：

不准确，该函数的调用只是混合在一起。我需要进入第一个数组，对于每个小数组（其中一些有 4 个成分，一些 3 个），需要再次映射它并返回一个带有该成分值的 LI。
@SintaxisDev 我不确定我是否理解此声明。您能否编辑您的问题并分享您期望的输出？