Map through State Array (Loop) - React tutorial 8

Подписаться 640 тыс.

Просмотров 56 тыс.

50% 1

Start your software dev career - calcur.tech/de... ⚛️ FREE React Course (download & bonus content) - calcur.tech/fr...
React RU-vid Playlist - calcur.tech/re...
💯 FREE Courses (100+ hours) - calcur.tech/al...
🐍 Python Course - calcur.tech/py...
✅ Data Structures & Algorithms - calcur.tech/ds...
~~~~~~~~~~~~~~~ CONNECT ~~~~~~~~~~~~~~~
✉️ Newsletter - calcur.tech/ne...
📸 Instagram - / calebcurry
🐦 Twitter - / calebcurry
🔗 LinkedIn - / calebcurry
▶️ Subscribe - calcur.tech/sub...
👨🏻‍🎓 Courses - www.codebreakt...
~~~~~~~~~~~~~~ SUPPORT ME ~~~~~~~~~~~~~~
↪ My Amazon Store - www.amazon.com...
🅿 Patreon - calcur.tech/pat...
🅖 GitHub Sponsors - github.com/spo...
Ⓟ Paypal - paypal.me/calcur

Опубликовано:

19 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 40

@codebreakthrough 2 года назад

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

@Infotainment-cb6cy 23 дня назад

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.

@jilvirpaeste8258 Год назад

there are so many uploading in the RU-vid 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.

@hananfadah 7 месяцев назад

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

@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

@Edutrul 2 месяца назад

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

@eliyahutarab4862 2 года назад

Great tuturial man thank you for doing this (:

@anirudhpv2473 Год назад

Thanks bro , it really helps.

@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 😢.

@AnthonyObi-wr6ro 4 месяца назад

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

@MrValVet 10 месяцев назад

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

@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.

@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 ?

@littlegirllost2654 Год назад

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

@pirate.96 4 месяца назад

I need the css of this please

@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.

@CC-kg6vs Год назад

awesome sauce video. subscribed

@yaredmekonnen3163 Год назад

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

@ChristPages Год назад

Great content

@weexalatecorp 5 месяцев назад

God bless Great resource

@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.

@lucassu9099 7 месяцев назад

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

@codebreakthrough 7 месяцев назад

I think it was prettier

@lucassu9099 7 месяцев назад

Thanks you so much.@@codebreakthrough

@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.