Nested arrays iteration on React Js

Question

I have that nested array and can't figure out how to iterate it. Need to get all "ingredients" from each nested array inside the big one. I render 20 recipes, individually need to also render the ingredients for each one respectively. If it is not understandable I will clarify it, or at least try

What is the output UI that you want to have? And what have you tried? — Ryan Le
– Ryan Le, Commented Aug 28, 2021 at 15:14
Does nested array contains different recipes ? Then it depends on the way you want to render these details in your UI. Please explain it further. — Kavindu Vindika
– Kavindu Vindika, Commented Aug 28, 2021 at 15:24
Don't post images of code, take the time to type out your attempts, your input and expected output. — pilchard
– pilchard, Commented Aug 28, 2021 at 16:20
Please provide enough code so others can better understand or reproduce the problem. — Community
– Community Bot, Commented Aug 30, 2021 at 3:33

Mureinik · Accepted Answer · 2021-08-28 15:16:06Z

1

Since the array is only nested by one degree, a simple call to flat should do the trick:

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

result = recipies.flat();

console.log(result)

answered Aug 28, 2021 at 15:16

Mureinik

316k54 gold badges399 silver badges405 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sintaxis Dev Over a year ago

Not precisely, that function's call just mashed all up. I need to get into the first array, and the, for each little array (some of them have 4 ingredients, some 3), need to map it again and return an LI with the value of that ingredient.

Mureinik Over a year ago

@SintaxisDev I'm not sure I understand this statement. Can you please edit your question and share the output you're expecting?

Collectives™ on Stack Overflow

Nested arrays iteration on React Js

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related