React tutorial in Hindi #15 Get Input box value

in this react js tutorial for beginners series we learn how to use get value from input box with functional component in react js. This video is made by anil Sidhu in the Hindi Language.
Playlist for complete React series in Hindi
link • React tutorial for beg...
code github.com/ani...
Props with class Component
What are props
Use of props
Example with class component
Update props on Button click
Interview Question
Join on Insta @php.step.by.step

[@vravenz]

Thanks buddy, much respect from 🇵🇰

[@codestepbystep]

Welcome

[@Amitkumar-cj2wp]

Bhai saheb app jesa explain karte wesa koi explain nhi kar sakta mene 1-2 week code-with hari -huri ke video me kharab kar diye tab jakar apki video mili h ..... Ab m react achchi tarah se kar luga yrr

[@supremeleader5516]

exactly

[@bhattaraitheaxe]

This is Best Reactjs tutorial so far .

[@rajendraanita-vr5fb]

Hi anil, thanks for this amazing easy understandable series. But at my end in getdata function val is throwing error when i type in text box that is "cannot read properties of undefined reading val". How can i solve it?

[@mathis-meth4229]

Very meaningful and practical examples. Tysm sir. React js is very well explained in this channel. 🙂

[@DeepakGupta-hj2dv]

Sir jaldi upload kro video ...series complete as soon as

[@codestepbystep]

Bhai daily 2 video hi bna pata hu. Diwali pr kafi video ayegi tb holidays hoge.. abi office b hota h na so

[@souvikbhattacharyya3438]

But arrow function kab use krna hai kab nahi krna?
Jaise tumne input pai onChange par arrow function use nahi kra, main krke dhaka but kam nahi kr raha, Or Button onClick pai kra. To kab krna hai kab nahi krna hai?🤔🤔

[@easycoding9095]

after one click its not waiting for another click its printing the data .like i have written some data and clicked the button and then when again i have written it starts to print directly

[@movieaddict571]

Can we pass Function as a Props?????????

[@bilal5488]

yes

[@DYNAMICDUOSIRSHAD]

M learning Alot from your vedio sir .Thank Alot Anil Bhai

[@user-BP2020]

Sir ye print wala condition thoda kam samgh aaya

[@webtecsolution9664]

Sir please help I want to learn react.

[@ashishtiwari6532]

what is target.value ?

[@ArbabRaheem]

Sir your way of teaching is amazing!

[@ffmymusic]

My one like complete 500 likes

[@shocchosolutions6275]

react with laravel project please....and jwt token or passport video please

[@codestepbystep]

Soon, just after basic i will start project

[@shocchosolutions6275]

@@codestepbystep thanks bro....do you have jwt token or laravel passport video

[@codestepbystep]

Yes, but not with react

[@shocchosolutions6275]

@@codestepbystep i need with laravel...can you give me the link

[@codestepbystep]

@@shocchosolutions6275 ruclips.net/video/5411bR2jtM4/видео.html

[@VijayKumar-yl3en]

jo data hum input kar rahe he then click karne par print ho raha hai but usi doran type or kar rahe hai input me to data woh bhi print ho raha hai kaise?.

[@rajneeshkushwaha1]

bro, put setPrint(false) inside getdata function

[@gurnamjoni5881]

🎉

[@vyasmopidevi]

Thanks ra babu

[@RomanReigns-sh8yd]

Thank you

[@SanaFirdos-d4s]

Sir ,3rd method me jo button click karne pe webpage pe Jo input value show horhi use react me hi useState use karke hi koi or method se krskte h kya ??

[@niranjanjathar3748]

Best react tutorial ever in hindi.The way you teach is very simple and easy.thanks

[@bd_desai07]

Console.log ke upar console.clear() use kar ke screen clean rakha sakate he
&very niche theching

[@code_for_your_dream]

hello anil sir,
react me previous component ya file ko htay bina kese ny component prr kam kre , jese ki html me agar mujhe kam krna hota tha to ak file ko kisi bhi nam se save krwa deta tha or aage ny kam ke liye ny file bna deta tha , prr react me smjh nhi aa rha new component bnane ke liye yaa new file bnane ke liye APP.js me to change krna hoga na

[@sanketgole4199]

Thanks for this bro

[@supercoolkartik]

are lekn ye "val" to define hi nahi hua ar "target" and "value" kya cheez hai??

[@manjarishrivastava641]

sir i have one question, multiple input box hai or API se data fetch karke show karna hai yadi database mai data hai to ni to enter karke submit karke data post karna hai wo kese karenge.

[@radhikaainapur4169]

I am unable to use app.js file means I am creating text box,props data nothing is visible in the chrome page
Can someone guide me with this

[@faizimalik-s6m]

class component bnaya hai?

[@praveensuthar4416]

Kya ham props only read kar sakte h ya unki value ko update bhi kar sakte h?

[@muhammadsabir9016]

jb input mai type kar ke print karty hain to input empty auto empty honi chahey??

[@madhurmoms]

YE IF ELSE KESE USE KIYA SAMJH NHI AAYA generally if(conditon){.............} else{..........} ese use krte hai
aapne ? : ye kya use kiya??

[@deardoll]

Ternary Operator

[@madhurmoms]

@@deardoll hn dear doll aa gaya 😅😀

[@madhurmoms]

@@deardoll tum bhi react seekh rhi

[@muhammadsabir9016]

jb input mai type kar ke print karty hain to input empty auto empty honi chahey??

[@softlogx]

boht acha explain krty hain app anil sir, button ki bjay kya asy kr skty hain ky jasy hi likh ker is textbox sy cursor nikly yani lostfocuse ho tb textbox ka data print ho jay ? ager han to kasy plz batay ga zaroor

[@abhishekvi]

It is possible using onBlur event listener:
import React, {useState} from 'react';
import './App.css';
function App() {
const [data, setData] = useState("Raja");
const [print, setPrint] = useState(false);
function getVal(val) {
setData(val.target.value);
}
function handleBlur() {
setPrint(true);
}
return (
{
print ? {data} :
}
{/* Remove the button element */}
);
}
export default App;

[@vikaspurohit6556]

Is booliean works like a toggle in React?

[@sujitkate7950]

One of the best series on youtube for react in my perspective

[@devanshpatel3465]

who are you ?

[@Ashwathama7714]

Love u from 🇵🇰

[@sapnavyas7992]

print is like a hide show

[@farhatyamin1853]

thank you for creating and sharing this video

[@divyanshusah2809]

Thank You bhai...🙂🥰🥰

[@NarendraKumar-oi8oz]

function component
m onClick event pr 2 function ko kese call kre

[@codestepbystep]

1 function bnao usme 2nd function call kr lo

[@ashishpathak5970]

super

[@Kreepykrap92]

You shuld start posting react projects too

[@meghaparadkar2007]

Nice Series

[@Codingkite]

Lazy loading video with router

[@codestepbystep]

Okay, soon

[@Codingkite]

@@codestepbystep ok bhai waiting for your vedio

[@sciencekesadhan1107]

bro why did you nnot use extension.ur teaching method is just like stone age...but i still like ur vedios..for entension i follw herry sir video

[@rachitkaushik9806]

I am not able to find the insta account

[@codestepbystep]

code.steps