Map through State Array (Loop) - React tutorial 8

[@codebreakthrough]

⚛ FREE React Course (download & bonus content) - calcur.tech/free-react-course React KZbin Playlist - calcur.tech/react-playlist Code - github.com/CalebCurry/react

[@Infotainment-cb6cy]

thanks for wasting my time

[@Brad10]

Another thing you can do instead of generating a uuid is declaring an index on the map function such as: employees.map((employee, index) => { } This will give each object a key of the index of the array, which is really all you need to differentiate them.

[@gift.albooms]

it's bad solution in case of adding/removing Employees. The keys will be reassigned to neighboring elements.

[@hananfadah]

This tutorial is exactly what I was looking for. Thanks!

[@drengrd]

there are so many uploading in the KZbin and there explanation is not clear and the example can't be used in reality. But this give me the idea to resolve the problem I have in my project, and because of this map explanation and example the problem of my project have been resolved. Thank you for the sharing of knowledge.

[@eliyahutarab4862]

Great tuturial man thank you for doing this (:

[@Edutrul]

Best part when it was all dark. Thanks for the tutorial.

[@mariomeza3514]

For me I put the array of data in a seperate file thats only meant for all this data, and put that in a variable. Then import that variable into whichever file your doing the map methoid in and use the variable instead. Its alot cleaner

[@anirudhpv2473]

Thanks bro , it really helps.

[@CC-kg6vs]

awesome sauce video. subscribed

[@madurangaweda86]

I type the code and there are not define any errors instead of displaying one warning that "setEmployess variable not used", but when I run it on the web browser nothing will display, Is there anything or configuration before running this code? nevertheless, I would like to offer my gratitude and thanks for the effort that you are doing, It is really useful for a person who likes to learn these type of language techniques.

[@ChristPages]

Great content

[@petakirikiri4074]

Is there a way to wait for user interaction inside loops?

[@sajutalk]

I used a big array to loop but still load while navigating menus 😢.

[@MrValVet]

Why are we using the Bootstrap modal when we already installed Tailwind?

[@DrilonXhema]

would it look cleaner if we'd make a separate file for users then just making a searching filter in react and import it at our home file ?

[@johanesalberto6136]

thanks

[@orion6831]

thx

[@AnthonyObi-wr6ro]

what if you are using a data from the API .and is fetching correctly but giving you a type error

[@yaredmekonnen3163]

I've seen what you did when the camera turned off😶‍🌫

[@lucassu9099]

Hi, I am wondering what's your formatting extension? I like it when attributes move to new lines.

[@codebreakthrough]

I think it was prettier

[@lucassu9099]

Thanks you so much.@@codebreakthrough

[@tuxmusicman]

Hello, I am trying to put a dropdown inside of a menu depending on some text. I can't think of any other way to conditionally put the dropdown inside of a menu based on other variables.My issue is that I need to conditionally add a variable amount of links in a dropdown conditionally based on another array. I was trying to use map to add the links to the regular buttons for the nav, but I can't seem to conditionally put in the dropdown part.

[@littlegirllost2654]

How would you have a list of data then have a user call and display that data to the screen?

[@TheCuriousLifeOfCode]

[@mileswalker766]

how does the reference 'employee' know that its a single version of 'employees' as you don't define employee as singular?

[@jadeblade627]

it's a placeholder, you can call it anything you like and it will work. Similar to a for each loop.

[@weexalatecorp]

God bless Great resource

[@jonldavis]

how do you get a local image instead of using one from a url? I had this working before we switched to the Array import jon from "./images/jon.jpg"; img={jon} but now when I add img in the array img: {jon} its not finding the picture

[@kennyogbogu7777]

Your "src" attribute should be shown like this... src = {jon} . Then at the top lines of your react file, you can import the image file like so... . import jon from ".../src/asset/jon.jpg"; . Make sure to add the image file extension.

[@pirate.96]

I need the css of this please

[@davidbankys]

good

[@ifeanyinnaemego]

How do add the array in different file and use it in App js

[@pastuh]

Just export as simple javascript variable :)

[@littlegirllost2654]

Place in components and use import export

[@gh7136]

not showing us the Employee component makes this video useless

[@ebrelus7687]

About generated uuid.

[@scripteaze]

nice