Rendering Arrays in React.js - Part 13

----

----

----
Follow Me Online Here:

#benawad
​
----
#benawad

[soyhenryxyz]

Keep up the great videos. I appreciate how you explain multiple ways of doing the same thing! That has been the most confusing part of learning React/JS, since most things can be done in various ways. Plz continue that.

[raymondmichael]

You complete my day bro, thanks a ton. It's very easy to understand when all routes are laid out like that. Keep the good work.

Greetings from Tanzania

[JosueMoretRuiz]

Wonderful Job, Simple and clean. Thanks Bro.

[balajipalani]

Great practical lesson to follow keep rocking.. Waiting for redux. Thank you.

[aashiqahmed]

What is that gzipped size for all the imports at the top? can someone say what extension or thing in VSCode

[prashmai]

I have always confusion since I have been using react that how I am using forEach() instead of map(). You explain very well. thanks and love from India.

[МаксимХамидулин-кч]

Can you help please, there’s a problem here, I’m using map on an array of objects, the result is displayed on the page in the form of words on a card, the problem is that only the first element appears on each card, there are only 27 cards and each of them has the same word, not I know what to do, I watched a bunch of videos and still don’t understand what the problem is (all this code is in one file, without props), the problem is that the map worked correctly the first time, taking into account that it’s an array from another file, but the second time since everything has already gone like this?

[jasonmoldovan]

If I wanted to add another value to one single item, how would I do that? I'm on the right track but its adding that value to each person in the map method

[rocky]

Hi Ben any chance you can cover exact same topic but with the new functional hooks? Thanks either way I guess I should lear the class way first.

[namandutta]

async componentDidMount() {
const response = await fetch(url);
const data = await response.json();
this.setState({ data });
}

Its not working, after console.log() says data is undefined. API is working correctly

[biswabikashparida]

@Ben Awad how to give those images in side bar view pls help me out, it is for my project

[joseba]

@Ben Awad this is very simple and straight to the point to follow. Could you please explain why we need to use map? Is there no for loops or other ways to iterate through a list besides map?

[hemitpatel]

What keyboard switches did u use I’m this video?

[friendlyapk]

Is there any disadvantages using <> </> fragments

[McGrzyb]

million dollar question. :) how to present data in multiple column table :)

[yoiyoi]

how would you pick a specific person(index) from that array?

[advancedprogramming]

thank you so much you solved my big problem

[jesusvarela]

What if I want to display a row as highlighted based on a value in a column? I would need to do conditional processing while building then array. How would I do that?

[vikrampatil]

Can you help to do same thing using functional components

[joe_ys]

hey ben, great tut! How would you then add styling to the 'persons'? Say, in a simple grid?