[32] React JS | React Router V6 | Send data from one route to another|useNavigate state, useLocation
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- This video gives detailed explanation on how react-router-dom V6 allows to send data while navigating from one route to another using useNavigate() hook in combination with useLocation hook.
I would recommend going through below mentioned videos to better understand the concept:
1. useState() hook: • [8] React JS | Hooks |...
2. Forms Part - 1 | HTML elements | Synthetic event: • [13] React JS | Forms ...
3. Programmatically navigate | useNavigate(): • [31] React JS | React ...
Click to view the complete playlist on React JS:
• REACT JS
#reactjs#routing#useNavigate#useLocation#state#v5v6#learnreactwithme#interviewpro
This is top quality explanation, I subscribed in middle of the video
Thank you!
i love the way you explained it short simple to understand thanks
Thank you
GREAT tutorial!!! THANK YOU
This was super helpful, thank you so much! 😊
Glad it was helpful!
Thanks
thank you so much this tutorial work for me
usefull video
Glad to hear that
Not able to export uselocation in V6 please tell whats the alternative
Please share the error if any. Also verify the version of react router and react router dom. For useLocation to work, make sure the app component is wrapped with browserrouter in index.js
@@InterviewPro I found the error .Thank you very much for you response.😊😊
What was the error. Could you please share the error and the resolution. It would help others facing the same issue.
thank you so much
Thank you!
excellent ma'am... thank you so much, ma'am your insta ID. i've some doubts on react js. hope you could clear ma'am ....
Thank you. Please post your questions on instagram.com/interviewpro_
Huge, huge thank you for your teaching. Easy to understand and helpful. Please never stop from teaching.
Glad it helps😃
thanks
i used to struggle how to jump to another pages and transfer data to it at the same time, I found it. Thank you for your instruction. You make my day❤❤. Best wishes for you.
Thank you 🙂
Very useful
Tysmmm this helped me alott ❤
Glad it helped!
Is it work on radio button and datepicker because i used but the data can not be seen on the next page
Struggled to get anything working using stackoverflow answers and other blog posts. This worked, tysm!
Glad it was helpful!
Very good explanation. It was useful for me. Many thanks.
Thank you very much
You are welcome
I cannot thank you enough how much you helped me.
You're very welcome!
its working thanks to save my lots of time
Thanks a lot!! very useful!! :D
thankyou very much
Nice❤
Thanks
very useful, thank you so much
Glad it was helpful!
Excellent . thank you so much
Glad it was helpful 😃
I really needed this, thanks!
You're welcome!
I use it between two components. When I go next page and again third page, when i return back, i see nothing. because location.state is already undefined.
did you find the solution?
Hii, i have a doubt, how do i pass state value of two components?
Could you please elaborate on the example you are trying to implement?