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❤

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

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

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

[@eharsha7389]

Good Explanation bro

[@otabekmadaminov-z2i]

Thank you very much bro

[@RED-so9mp]

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

[@rishabhkedia9304]

Please make Reactjs projects as well

[@kamranalizade98]

The Best Coding Channel ever Thank you Bro code✌🙏

[@tataloo7314]

very good

[@kuru6029]

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

[@maskedman0677]

Hey Bro code do you do a cybersecurity tutorial too ?

[@frozenwater1017]

1:10 isn’t it division not development

[@OCEMTechZone]

Great 🎉

[@_amonimus_]

bro how many languages do you know

[@urvish_xyz]

I found you accidentally ❤

[@l213dhanesh3]

Code bro i love u

[@raki0125]

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