How to redirect with react-router while preserving initial query parameters?

Question

In my routes I have

<Route>
    <Redirect from="/" to="/view/something"/>
    ...
</Route>

But if I hit the root url with rooturl/?query=somequery I lose the query paremeter after the redirect. How can I preserve all query parameters after redirect?

My solutions for: - react-router v3; - react-router v4.

mixel
– mixel

2019-06-30 07:22:01 +00:00
Commented Jun 30, 2019 at 7:22 — mixel
– mixel, Commented Jun 30, 2019 at 7:22

oleh.meleshko · Accepted Answer · 2016-01-23 01:23:55Z

-2

I hope it will help: https://github.com/rackt/react-router/issues/1034

Here you can specify and reuse your existing query params after redirect like this:

<Redirect from="/foo/:id" to="/bar/:id"/> (id will be reused).

Also you might want to have some hooks right before/after transition is actually done for some kind of routing management. It's possible to do with onEnter and onLeave hooks. You can read about it in official docs.

answered Jan 23, 2016 at 1:23

oleh.meleshko

4,8052 gold badges30 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to redirect with react-router while preserving initial query parameters?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related