React tutorial in Hindi #55 Pre-filled form Data

In this react js tutorial for beginners series we learn how to make pre-filled data from state and how to use delete API with interview questions in react js. This video is made by anil Sidhu in the Hindi Language.
git link for this video
github.com/ani...
Playlist for complete React series in Hindi
link • React tutorial for beg...
Pre-filled Form
Make a simple form.
Add Update Button in list
Set values in list
Populate values in form
Interview Question
Join on Insta @php.step.by.step

[@rajatshrivastava879]

These concepts are so important yet nobody explains them clearly. Thanks a lot for making these API videos. Love your content.! Thanks.

[@codestepbystep]

Welcome

[@tausifshaikh7544]

We can create object with name,email, mobile and then set or update those fileds in useState.

[@Datta3]

1)logic to get data based on id is not complete , .....(i think) --in my case i have object of user in which ids(7,8) and object index is(0,1) --eg, i click on 7 id the logic is id-1=6 ,i get undefine because we consider id as index of array and here 7 index not present, --time where this problem is 7:05 in video. ---here who i am solve this problem -- var data=userData.find(e=> e.id==id) ---sorry if i am wrong ---Thank you sir

[@dayachhimpa1343]

Great sir it's so helpful

[@sachindeveloperko8424]

Thank you for making tutorial ❤️ #reactJS

[@codestepbystep]

My pleasure!!

[@Lucky-xq8qy]

Yes we can use the object in single state

[@MrnMrsPet]

Sir, I did not understand one thing, can two functions be created with the same name? You have created two functions named selectUser

[@anandrana7340]

one doubt it gives undefined if our users array have 7 data values and we delete 6th value then our array length becomes 6 and when we click on id 7 then it gives undefined because we searching the id which have more then length of array , so how to handle this type of error

[@zainabideen8144]

what if we want to make the update page seperately?

[@mangeshbangale9253]

Instead of creating 3 states we can create array and pass that array to useState

[@amitmishra3218]

thank you bhai

[@anime_lover_73_]

sir in my API id randomly generate ho rahi h ex: 1250 ,2234 like this ..kya kru jisse 1,2,3 type me generate ho please help ...qki iski wjah se users se id select nhi ho pa rhi h undefine de raha please help me

[@UdayPawarUdi]

Pls make tutorials on javascript.

[@Armankhan-jy4eb]

nahi pata... ap btao kese single state m sara kuch ayega??

[@anitboghara521]

let user[id] me undefine a raha he data dikhay nahi de raha

[@sachindeveloperko8424]

Bhai apke tutorial to ache ha par view nahi aye ha please SEO koro apne Video ka 👍

[@codestepbystep]

ha bhai , try to krta hu :)

[@anitboghara521]

sir me jab form me data get karta hu tab id undefine a rahi he update button pr click karte he tab plz uska soluction batao

[@vaishalityagi3236]

hi ,i am stuck in data[id].name.not able to get the value if you can help

[@Namaste-Sahu]

same issue

[@akashbhoi5302]

i think we can use here form.

[@nop9974]

how to set contact from 7 (WordPress plugins) post API in react ? i am finding this solution since 1 month and still is not slow .. please make a video about this .

[@mayaramyadav]

Han kar sakte h

[@wolfOmega1994]

i have been experimenting with this and found that if i delete a id 4 in a series of id 1,2,3,4,5, now the remaining ids are 1235, when i try pre filling like you did the pre filling fails when clicked on id 5, can you please check on this???

[@Hamzaahahaa]

did you find any solution to that?

[@jyotsanasingh5927]

insted of passing id try to pass the whole data & then u can easily populate the values irrespective of the ids@@Hamzaahahaa

[@arnabbhusan7574]

how to create the json file that you are using and how to run on localhost?

[@samgosavi7]

watch his json server video

[@asishnayak1544]

console.warn(Data[id-1]), this will not work if i have the user of id 1,2,10..this will work if i have the id serially(1,2,3,4,5...)

[@Hamzaahahaa]

how to handle it facing the same issue.

[@amomentbefore...8990]

is video ki jo api he us me id ke ander object he, isiliye video me users.[id] chalega, tumhare me ek hi object me sab hoga then nahi chalega, so try this,,,, let item= users.filter((z) => z.id === id) and check console.log(item)

[@amomentbefore...8990]

@@Hamzaahahaa check my answer

[@user-zb7qi6hf9c]

Working fine until i add users with id console.warn(users[id]) why is it showing undefined anybody have solution ?

[@mdabidkalam3527]

const selectUser = id => { let index = data.filter((item) => item.id === id ? item : null); console.log("🚀 ~ index-->", index); setName(index[0].name); setEmail(index[0].email); setPhone(index[0].phone); };

[@sahilbhatti9582]

sir yeh api kese bnai???

[@samgosavi7]

watch his json server video and then postman video....kzbin.info/www/bejne/q2jHgXqrfKdjgcU

[@avinash-dhumal]

Your channel name is PHP step by step but you won't upload a single video on PHP 😉