Take value form user make a table using React.js || Object store in Array || [ {...} ]

video:
how to make auto button
how to make input section
get input from user store in object
Get data from user and store on object
store object in array using react.js
deploy link:sothelast.gith...
#reactjs #react #javascript #javaScript #HTML #CSS #htmlcssjs #object #army #reactjs #store #data #input #json

[@afiya9077]

Awesome 🎉

[@sharjilkhan5137]

Keep it up muzzaffar bhai

[@2222799]

hey, why do 2 same functions work? changehandle(e) and changehandle()?

[@yuujii682]

Thanks you so much!

[@zafeerpatel5540]

I wanted to learn coding from very basics can you suggest any platform or resources? , Thanks Regards

[@syedwirzan9271]

if your searching in hindi/urdu "codeWithHarry" is best otherwise you can check courses on udemy, personally I am doing course from udemy "web development Bootcamp" Taught by Colt Steele.

[@zafeerpatel5540]

@@syedwirzan9271 Jazak Allahu khair Bhai for you advice 🤝🏻🤝🏻🤝🏻

[@kashmirtechtv2948]

Channel : Lama Dev

[@mominimran6801]

Thanks bro 😊

[@lakshmipriyakalahasthi5294]

How can you add two changehandler.it is showing error in my code.

[@vamsikrishnasarukolla1136]

both are different one is changehandle and another one is changhandle

[@purveshdwivedi6059]

array will store blank values as well, you didn't handled that.

[@SotheTech]

Yes , you Can do that by adding required attribute in input fields.

[@NaveenKumar-vh2pt]

Can you share the source code data ?

[@SotheTech]

github.com/sothelast/youtube1/tree/master

[@SafwanHabib-pt1cu]

hello siir can you tell me if i want to delete the row what is the code of it

[@SotheTech]

kzbin.info/www/bejne/mXrCgpuVZ91krZI

[@SotheTech]

It's part 2 of this video ,here you can get ( how to delete) this point.

[@nawazshah9518]

Tk

[@ravi238873]

In console the array doesn't shows the first value after adding the input. However the data in the table is rendered.

[@SotheTech]

Yes, because we add data in variable and display simultaneously. First , data stored and then 2nd render display privious data.

[@ravi238873]

@@SotheTech any solution for this?

[@SotheTech]

If you want to display instantly then used ' useEffect' hook to see data at instant

[@ravi238873]

@@SotheTech well i tried but the array is continuosly getting updated non stop with blank data and the app crashes.

[@SotheTech]

Apply condition in useEffect' Ex, useEffect(()=>{ Console.log(Your data name ) },[Here name of variable which is updating in on charge ])

[@nandinikose1414]

Hi

[@vishalrathore4356]

SetInputdata({ ...inputdata, [e.target.name]: e.target.value }) how do you use [e.target.name] in array brackets , That name value is not changing in my code,why?

[@SotheTech]

You should add name in input field and update the valy of input

[@SotheTech]

Look your state and (input fields has vale and name attributes) and compare with this video

[@N.DhanushPrasath]

Bro pls send App.css code

[@pavanirrinki8241]

Please share source code

[@SotheTech]

drive.google.com/file/d/1MiWu04rRPtHcxjIrnMAlZSGNf5bxZHI2/view?usp=sharing I provide U only app.js file ,insert it in your create-react-app and replace it with your App.js file or apply CSS as U own

[@harshitagarwal3572]

Hi @pavanirrinki Bhai apply kiya kya code please send me zip or github link

[@SotheTech]

github.com/sothelast/youtube1/tree/master

[@alishabastakoti109]

bro need a source code

[@SotheTech]

github.com/sothelast/youtube1/tree/master src>components>create simple input table