Lifting State Up in React.js in Hindi | Pass Data From Child to Parent in react.js in Hindi

[@yoshitajain0812]

Hi Guys, today our channel completed one month ❤ and you guys have supported this channel tremendously. Thank you so so so much guys for supporting this channel ❤🤗

[@dilipdwiveedi1611]

You keep uploading the new videos of only React... Will keep sharing your channel...❤️🙏💐

[@sunnydhiman2242]

Ma'am,,, routing ???? link tag is not working bt anchor tag given output..

[@niteshchaurasiya1531]

Congrats ma'am . Very Helpful videos please create a ecommerce project in react with API.

[@nawazishali274]

@@sunnydhiman2242 make sure Link import from react-router-dom and placed to inside link which page you want to move like to="/about"

[@sunnydhiman2242]

@@nawazishali274 Sir,, Already done Bt it's not working.. only one problem faced when anchor tag used then output is given bt when I used instead of anchor tag ,,link tag and itstead of href " " ,,, to attribute then output is not given only white screen show And errors also not given?? Solution ..

[@rahulreddy3726]

Thanks got clear understanding now ......easy and stright forword explaination

[@ravikumawat5731]

Vary nice explain I see many videos in you tube but this one is perfect for learning special for child to parents send data using props .....

[@cbum3935]

Way of Explaining things amazing 🔥

[@coder_astro]

Trust me this concept is not as simple as you have made it with your amazing teaching skills. Watched so many videos but couldn't understand this but your video crystal cleared my concept. Tahnk You Yoshita for your efforts!

[@saranshtomar6460]

But it will be easy if you watch anil Sidhu playlist(React Playlist)

[@rifatskdev]

Worked thank you alot! you're the best bro liked

[@shivamkumarsingh1420]

Very simple and intuitive Approach . I really like this.

[@aniksaha8108]

Thanks Ma'am this concept is cleared now!

[@miss__eliza2317]

Awesome explain ❤️

[@AswiniduttBevara]

Thank you @Yoshita Jain for making us understand the complex topic of react [LIFTING THE STATE UP] so easily.👌👌

[@KhushbuDharmadhikari]

Helpful , thanks for video.

[@ajinath2151]

helpful , thanks for video

[@kamaludeensiddik3965]

I Really understand your Concepts very well even though i don't know hindi. Thank you So Much..

[@shivugg]

Helpful 👌

[@mandorakannu]

Easiest explanation ❤❤

[@Ankit-xq3sl]

Wowooo, i think now I understood 👍

[@PROTECHRAHUL]

Such a straight forward approach Yoshita🙏

[@yoshitajain0812]

Thank you ☺️

[@digiartpassion8513]

Good job keep it up !!

[@sumitk8842]

Yoshita mam>>>

[@anujshukla2913]

very helpful video for me

[@subhajitdey135]

so much better than coursera . Thanks di !

[@anish_is_here]

Explicit explanation 🙂👍. I suggest you should include some concepts such as DOM, VDOM, ES6+ concepts/features, SPA/MPA

[@yoshitajain0812]

Sure I will :)

[@RohitYadav-fo3qi]

Thanks a lot ma'am for this video. your explanation is amazing.😊

[@coding2490]

awesome girl, you are great

[@sawerasajid4309]

thank you so much i was struggling alot in this concept thanks alot

[@काव्यगंगा1062]

Nice

[@mohdfarman7426]

Nicely explained

[@rajendertanwar1881]

Understood👍 thankyou

[@mayurpatil2833]

Thank your ma'am great explanation 😊

[@aaryanpavvitchhabra9265]

maam u r the best i love u

[@sheheryarqazi1006]

nice ,

[@mrnabby4178]

Thanks Yoshita you have taught me so many new things.

[@yoshitajain0812]

❤️😊

[@mrnabby4178]

@@yoshitajain0812 Cant thank you enough for your service. May almighty bless you,

[@nawazishali274]

Nice content

[@KhushbuDharmadhikari]

Helpful..

[@dharmeshgohil9375]

awesome

[@thetechtimes]

Thank you so so so much

[@saikiran6394]

Helpful 🙂

[@Sujay.Vaidya]

You are amazing🤟❤

[@hamzasaleem8152]

Thanks you so much for these videos. It's really helped me. Really means a lot Love from Pakistan :)

[@yoshitajain0812]

Glad you liked it :)

[@hamzasaleem8152]

@@yoshitajain0812 Yes you are doing a great job. Thanks for urdu/hindi tutorial. :)

[@neerajsharma4808]

8:15 yr mera bhi same error aara esko resolve kaise kru maine v same code type kiya hai.

[@demonking7496]

Congo 👨‍🔧

[@jobhikarbefikarrr.638]

Yoshita g please improve your recording quality as sound cuts while u slice clips kindly pl dnt mind it's sounds wierd dnt mind yoshita g I m ur regular follower love to watch ur tutriols .so pl improve 🎉n best wishes n good luck for ur upcoming tutriols

[@yoshitajain0812]

Yes I understand, I am trying to resolve these issues.. learning day by day 🥺 Thank you for supporting 🫶🏻

[@PankajPatel-zh8mf]

Good explanation 🙏🌸

[@contentshark5122]

Nice video !!

[@DigiPandaCompany]

If we will use State in parent page how we can do handle where is use maked function with props I want to make that's page jha I used props ho we can do please help

[@kadirraeen2112]

Thnxx u mam♥️

[@zaidi7757]

Thanks this helps me a lot

[@Abdul-Wahid-Orakzai]

simple and to the point; i would suggest not to got for projects you may not have time to manage short playLists could be more helpful and you may give time thanks once again

[@UNKNOWN-r3u5k]

Hi Dii, the way you explained this topic is superb but I have a question that is there anyway that we can pass the data directly from nested child classes to parent class without pass it through middle classes like useContext and contextapi concepts.

[@mayanksaxena7864]

Mam how can you say the parent is accessing the value? We are just passing the function from parent ot child and then the child is calling the function (not parent).

[@rakeshkumarparida98]

Mam please answer my question.. what if our children component has some UI which we don't want to show or render in parent component then how we can pass the data ?

[@muhammaduzair6705]

very helpful :)

[@abdullahsoomro6238]

💡 In React, data flows in only one direction, from parent components to child components. This is called unidirectional data flow. Parents pass data to children using props, but children can’t send data directly back to the parents. This makes the app’s state more predictable. If you need to communicate from child to parent, you can pass callback functions as props, but the data flow remains one-way. ❌ And the concept of lifting state up is also not taught correctly. ✅ "Lifting state up" in React refers to a pattern where you move the state from a child component to its closest common ancestor (usually a parent component) to share that state between multiple child components. When two or more components need to share data or synchronize behavior, it's often easier to lift the state to a parent component. The parent component then holds the state, and passes it down to the children as props. This allows the child components to stay in sync, as they get the same state from the parent. Here’s a typical example: 1. The child components don’t manage their own state. 2. Instead, the parent holds the state. 3. The children get the state via props and can notify the parent of changes (through callback functions). This pattern ensures that data flows in a single direction (from parent to children) while keeping all dependent components in sync with the same state. 🔗 Reference react.dev/learn/sharing-state-between-components

[@ArushDeepGupta]

the error at 8:19 is due to the reason that you haven't give anything in useState( ) parenthesis incorrect: const [name, setName] = useState(); correct: const [name, setName] = useState("");

[@rishabdutt2600]

Mam, just guide me how to use a component multiples times but with different value for ex- i wanna use dropdown button multiples times but want different dropdown options. kindly reply soon as possible. Thank you .

[@kuldeepkumawat6874]

Faithful video 🙂

[@yoshitajain0812]

❤️😊

[@RishiRajxtrim]

10:05 Yes, clear to me.

[@DanceAndLife-vy6tj]

Hi Yoshita Congratulation ! You did a great job. First time I subscribed a channel for learning react. Last time I give you a suggestion and I could the result in this video. I have few more suggestion. Please let me know If I could tell you.

[@Ramu-z2w]

good explanation, But how to display "Yoshita" or any name which has given by user on browser. When i click on submit button given value in input should be display on browser of parent component.

[@umairahmedofficial1]

You have to store data in parent coming from child in a State set that data in the function that coming from child component by using useState()

[@anuragkasudhan3734]

explained so simply!!! can we lift state without using form in child component?

[@chiranjitdey1430]

Yes you can. A simple button can do the work also. Attaching the code below, App.js(parent file)****** import Student from "./Student"; import "./styles.css"; const App = () => { const getData = (data) => { {data}; }; return ( Props in react ); }; export default App; Student.js(child file)**** import React from "react"; import { useState } from "react"; const Student = (props) => { const [name, setName] = useState("Sam"); const onClick = () => { setName("Mike"); props.getData(name); }; return ( Hello {name} Update ); }; export default Student;

[@tejkumar7383]

I try same code but merko error show ho rha he page refresh ho jaa ha rha please help me

[@kasemmuhammad9820]

thanks

[@rushisolanke51]

what if we want to send data from parent to child

[@yoshitajain0812]

You can directly use props

[@snehalgawade-n9u]

Hello, Thanks for covering this topic. I have one doubt here, after state lifting how to use that data in the parent component which we have received from child component? (Now we can print that data in the console but how to access that data outside the function?)

[@nikhilkumarsingh6027]

Bhai state bna ke set karwa do fir use karlo parent mein jaha man kare

[@nithinkottary9578]

i think presentation container design pattern works lot a better here.

[@saurabhbarasiya4721]

Please upload full vudeos

[@techycode2217]

please make a paylist for react

[@ramgopalkashyap8266]

Hello mam please upload some video related to react routing its my humble request from you

[@sAuraBhTissout]

kam ni kar rha h mere me

[@DigiPandaCompany]

Could you makes projects of app

[@karankoli4738]

Yoshita mam i am karan koli from maharashtra plzz help to me entry level jobs or any internship for reacts

[@yoshitajain0812]

Do you have any experience?

[@PravinKumar-qy6vg]

please make some projects on react

[@avgGamer662]

Hi cutie

[@naveenkumarkota2090]

Nothing Undertood

[@mukeshtiwari8872]

I love you mam 😙😙

[@RatanMaurya-i6s]

Hi if you have time please uploads video about how to call firebase function in react js for more info please contact me

[@AayatKhan-ok3tm]

Nice