Control Multiple Input Elements in React JS (Hindi)

[@AmitabhSuman]

Right on the bulls eye. Such a detailed and amazing tutorial. This series is amazing!

[@rishikesharora8681]

same example by using functional component. import React, { useState } from 'react' export default () =>{ let myObj = { name : "", password : "" } const [controls, setControls] = useState(myObj); const handleControl = (e) => { setControls({[e.target.name] : e.target.value}); } return( Name : Password : ) }

[@blackmamba3984]

the problem is 7:14 ---har ek input fild keliye ek handler (function) banana padega solution is write a single handler that manage all input filed. attribute add karna padega har ek input filed me ex.... name= "kuch bhi add kar sakte he " 8:58 learn logic at 15:46

[@asharma741]

Sir i am very thankful to you . No one explaons like you........

[@abdullahamin4504]

Brother ----- We wait for your Video About ----- django Custom admin panel How to use Please Make a video as soon as posible ....

[@kiva1823]

Super clear lectures and very knowledgeable instructor. Definitely worth your time if you want to become a React master. Thank you:) 𝓖𝓔𝓔𝓚𝓨 𝓢𝓗𝓞𝓦𝓢！✰✰✰✰✰

[@rohitkudalkar92]

hello sir, yor tutorials are very informative and helpful. can you please make videos on form library like formik which is very popular for react. Thanks and support

[@jagdishjena9058]

Thank you so much sir.

[@praveenkumar9725]

bro..isko functional component mein kaise karna hai woh bhi ek baar dikha dete yaar... anyways. Nice tutorial... thank you.

[@ijazDeveloper786]

sir apny rcc say kesy class component defind kiya tell me plz about this short keys rcc

[@simple8810]

Sir wiithout using this.setState() how could you set the password value to upper case i donot think ths upperCase will be stored as new value?

[@hometvfirestick]

thanks

[@agranshuaggarwal3947]

Awesome

[@navitagoyal4426]

Sir in which video of javascript you have explained about e.target.value, please comment the link. Thanks!

[@simple8810]

it is js concept

[@thejourneyfromdarktolight770]

why you use brackets in [e.target.name] they are used for arrays?

[@asharma741]

I have also the same query

[@ajaybhardwaj6342]

this is ES6 syntax for setting object property

[@simple8810]

sometimes we need to use bracket [ ] notation to set object property or accessing object propertes cause dot is failder sometmes

[@ADH_01]

Ye square brackets kyu lgaye hai? Explain plz

[@manojrawat5756]

❤❤❤

[@rajatchaurosia2903]

hello sir i write same code but all work but value is not updating

[@amanrawat4250]

Hello sir how to do this with function component I am not able to update the input fields

[@samimkhan6835]

this.setState({[e.target.name]:e.target.value}) not changing values in input

[@takbeeralikhan1043]

put ; semicolon at the end of statement

[@abdulsami4618]

Brother make sure " e " event, is available in the function!~

[@DeepakGupta-hj2dv]

React js ke notes upload krege...?

[@geekyshows]

Yes After some days

[@DeepakGupta-hj2dv]

Hoc higher order components pr video na bnaya sir..?

[@connect.tehseen]

@@geekyshows How to do this with function component? Plz reply

[@arijitdatta4618]

isko function pe try kiya nahi ban raha hai

[@jeetuachtani]

Hello , I have done this through functional component. please tell me if its right... const [inputs, setInputs] = useState({}); const handleInputChange = event => { event.persist(); setInputs(inputs => ({ ...inputs, [event.target.name]: event.target.value })); }; inside form value={inputs.name} onChange={handleInputChange}

[@abdulsami4618]

I Appericiate your logic..! but can use please tell me why you add function in setInput( ) ?? You can do with this way as well..! function forEveryThing(e) { const value = e.target.name === "pass" ? e.target.value.toUpperCase() : e.target.value; setInputs({ ...inputs, [e.target.name]:value, }) }

[@rishikesharora8681]

this is perfact

[@ACHTech20]

BHAI KEYBOARD DABNE ME MJA AATA HAI KYA 😂😂😂