[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

ความคิดเห็น • 50

  • @samkowshik2748
    @samkowshik2748 11 หลายเดือนก่อน +3

    This is top quality explanation, I subscribed in middle of the video

  • @ndesimoniche7125
    @ndesimoniche7125 2 หลายเดือนก่อน +1

    i love the way you explained it short simple to understand thanks

  • @Beh3D
    @Beh3D 4 วันที่ผ่านมา +1

    GREAT tutorial!!! THANK YOU

  • @MarioGutiérrezTello
    @MarioGutiérrezTello ปีที่แล้ว +2

    This was super helpful, thank you so much! 😊

  • @vishnuku9048
    @vishnuku9048 10 หลายเดือนก่อน +1

    Thanks

  • @grassenjoyer8470
    @grassenjoyer8470 ปีที่แล้ว +1

    thank you so much this tutorial work for me

  • @yogeshyts
    @yogeshyts 10 หลายเดือนก่อน +1

    usefull video

    • @InterviewPro
      @InterviewPro  10 หลายเดือนก่อน

      Glad to hear that

  • @akhilnerella5491
    @akhilnerella5491 10 หลายเดือนก่อน

    Not able to export uselocation in V6 please tell whats the alternative

    • @InterviewPro
      @InterviewPro  10 หลายเดือนก่อน

      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

    • @akhilnerella5491
      @akhilnerella5491 10 หลายเดือนก่อน

      @@InterviewPro I found the error .Thank you very much for you response.😊😊

    • @InterviewPro
      @InterviewPro  10 หลายเดือนก่อน

      What was the error. Could you please share the error and the resolution. It would help others facing the same issue.

  • @skysquad1
    @skysquad1 ปีที่แล้ว +1

    thank you so much

  • @cranticumar9888
    @cranticumar9888 8 หลายเดือนก่อน +1

    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 ....

    • @InterviewPro
      @InterviewPro  8 หลายเดือนก่อน

      Thank you. Please post your questions on instagram.com/interviewpro_

  • @talksister4496
    @talksister4496 หลายเดือนก่อน +2

    Huge, huge thank you for your teaching. Easy to understand and helpful. Please never stop from teaching.

    • @InterviewPro
      @InterviewPro  หลายเดือนก่อน

      Glad it helps😃

  • @OmarWaqar
    @OmarWaqar 10 หลายเดือนก่อน +1

    thanks

  • @PeterCoder02
    @PeterCoder02 11 หลายเดือนก่อน +3

    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.

    • @InterviewPro
      @InterviewPro  11 หลายเดือนก่อน

      Thank you 🙂

  • @GopalKrishna-m6h
    @GopalKrishna-m6h 2 หลายเดือนก่อน +1

    Very useful

  • @artipeo816
    @artipeo816 หลายเดือนก่อน +1

    Tysmmm this helped me alott ❤

    • @InterviewPro
      @InterviewPro  หลายเดือนก่อน

      Glad it helped!

  • @janviramani2593
    @janviramani2593 8 หลายเดือนก่อน

    Is it work on radio button and datepicker because i used but the data can not be seen on the next page

  • @ollievee1604
    @ollievee1604 ปีที่แล้ว +1

    Struggled to get anything working using stackoverflow answers and other blog posts. This worked, tysm!

  • @sdfsfsfd437
    @sdfsfsfd437 ปีที่แล้ว +1

    Very good explanation. It was useful for me. Many thanks.

  • @UddhikaIshara
    @UddhikaIshara 9 หลายเดือนก่อน +1

    Thank you very much

    • @InterviewPro
      @InterviewPro  9 หลายเดือนก่อน

      You are welcome

  • @shakilthakur2674
    @shakilthakur2674 6 หลายเดือนก่อน +2

    I cannot thank you enough how much you helped me.

    • @InterviewPro
      @InterviewPro  6 หลายเดือนก่อน

      You're very welcome!

  • @createlogic4031
    @createlogic4031 6 หลายเดือนก่อน +1

    its working thanks to save my lots of time

  • @MarceloAgostonSchrotlin
    @MarceloAgostonSchrotlin 6 หลายเดือนก่อน +1

    Thanks a lot!! very useful!! :D

  • @adomicarts
    @adomicarts ปีที่แล้ว +1

    thankyou very much

  • @ucsArunKumar
    @ucsArunKumar 6 หลายเดือนก่อน +1

    Nice❤

  • @vishnuku9048
    @vishnuku9048 10 หลายเดือนก่อน +1

    Thanks

  • @Joshikannan
    @Joshikannan 9 หลายเดือนก่อน +1

    very useful, thank you so much

    • @InterviewPro
      @InterviewPro  9 หลายเดือนก่อน

      Glad it was helpful!

  • @gmjitendra
    @gmjitendra 11 หลายเดือนก่อน +1

    Excellent . thank you so much

    • @InterviewPro
      @InterviewPro  11 หลายเดือนก่อน

      Glad it was helpful 😃

  • @cezardiaconu5820
    @cezardiaconu5820 10 หลายเดือนก่อน +1

    I really needed this, thanks!

    • @InterviewPro
      @InterviewPro  10 หลายเดือนก่อน

      You're welcome!

  • @Rahimoff666
    @Rahimoff666 ปีที่แล้ว

    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.

  • @kavithat6954
    @kavithat6954 ปีที่แล้ว

    Hii, i have a doubt, how do i pass state value of two components?

    • @InterviewPro
      @InterviewPro  ปีที่แล้ว

      Could you please elaborate on the example you are trying to implement?