React JS how to update ARRAYS in state 🍎

[@BroCodez]

import React, { useState } from 'react';
function MyComponent() {
const [foods, setFoods] = useState(["Apple", "Orange", "Banana"]);
function handleAddFood(){
const newFood = document.getElementById("foodInput").value;
document.getElementById("foodInput").value = "";

setFoods(f => [...f, newFood]);
}
function handleRemoveFood(index){

setFoods(foods.filter((_, i) => i !== index));
}
return (
List of Food

{foods.map((food, index) =>
handleRemoveFood(index)}>
{food}
)}


Add Food
);
}
export default MyComponent;

[@Tendity]

I just want to say you have saved me SO MUCH time with your coding vids so thank you man

[@--bountyhunter--]

ey man, u and js mastery are the two most underrated creators i've seen
u two deserve waay more subscribers than this
tnx for all your efforts man . love ya

[@sidm5105]

Bro Code your my favorite youtuber. Keep up this good work.

[@Gian_sas]

thanks for your vids man, they are truly helpful 🙏 love from Argentina❤

[@nadicadizdarevic2835]

Thanks from Serbia.

[@bartuskoprowski7543]

Amazing video i learned alot about ARRAYS in state

[@karolkopr]

Thanks for the video as always, bro

[@RychAhlberg]

Bro, why use document.getElementById in React???

[@totoroangelo0013]

it is still javascript

[@RychAhlberg]

​I know but it's vanilla javascript. Very tedious.

[@ulisesnava6834]

@@RychAhlberg and what we can use?

[@eharsha7389]

Good Explanation bro

[@otabekmadaminov-z2i]

Thank you very much bro

[@tataloo7314]

very good

[@RED-so9mp]

for deleting the elements can we use updater functions as well? like setFoods((f) => f.filter((_, i) => i !== index));

[@maskedman0677]

Hey Bro code do you do a cybersecurity tutorial too ?

[@frozenwater1017]

1:10 isn’t it division not development

[@rishabhkedia9304]

Please make Reactjs projects as well

[@ahmedelsehelly]

Guys! You all Thank Bro like me for his effort to provide this awesome materials, so hasn’t the time come for us to thank our lord Allah who gives us an awesome brain to understand this masterpiece :) I really hope you all to wardship allah by the way he wants.

[@kamranalizade98]

The Best Coding Channel ever Thank you Bro code✌🙏

[@OCEMTechZone]

Great 🎉

[@alanit8459]

Hello bro code, you are truly a professor. I miss you very much. Thank you. I have a question. If you want to add the item to Array
exam:function addItemCorrect(item) {
setItems(prevItems => [...prevItems, item]); // This correctly creates a new array.
}
its not work to add array
i see this way in site mastering react to do that just your way to add array or what
please answer me

[@kuru6029]

can you please create a video about how can your website send an email to someone?

[@_amonimus_]

bro how many languages do you know

[@urvish_xyz]

I found you accidentally ❤

[@raki0125]

Now i am pro in react pls do redux i will share this vid as possible

[@l213dhanesh3]

Code bro i love u