DEV Community

Cover image for Redirect with React Router and Hooks

Redirect with React Router and Hooks

Eric Bishard on April 26, 2019

A lot of these short blog posts are just for me to find later when I forget how to do something, but I thought this little trick that you can do wi...
Collapse
 
dance2die profile image
Sung M. Kim

Cool stuff Eric 😮

I've created a Sandbox in case others want to try it out online.

Collapse
 
httpjunkie profile image
Eric Bishard

Perfect, thanks for doing that. I was planning on doing a few StackBlitz demos for some of the things I cover in this repo. But this will be helpful to those who want to run the code quickly. Thanks for taking the time!

Collapse
 
dance2die profile image
Sung M. Kim

You're welcome, Eric and thank you for the post.

The post was worth taking time setting up the sandbox 😀

Collapse
 
ucanerdem profile image
ucanerdem

what a simple solution for a learner, especially after spending a day for to find any possible samples. thanks.

Collapse
 
renansdf profile image
Renan Souza de Freitas

Wow thanks! That was exactly what i needed, but looks hackish though. To me React just doesen't make sense when you can't useHistory (a function) inside useCallback (another function). Is it just me? I'm new to this so i guess i'll figure out why in a while lol.

Collapse
 
grepliz profile image
Liz Lam

Thanks for the post! It was exactly what I was looking for.

Collapse
 
ogbanana profile image
ogbee

This was super helpful! Thanks

Collapse
 
elpinto007 profile image
Krishant Lodhia

Thank you! I am new to React and I was stuck on this problem for 5 days before I came across your simple and elegant solution

Collapse
 
ankit199 profile image
Ankit kumar shukla

I have done same thing but when i hit path '/login' or '/signup' , it display url in browser tab('/account/login' || '/account/signup') but does not render related component.

Collapse
 
martin36 profile image
Martin36

Thanks for the great tutorial. Just a question though. If you try to navigate back to the previous page using your method, that won't work. Do you have any suggestion of how to implement that?

Collapse
 
httpjunkie profile image
Eric Bishard

I will look into it!

Collapse
 
antonyleme profile image
Antony Leme

When I want to redirect to admin/diary it works. But when I have admin/diary/:id it gives me a blank page. What could I do?