react-router-redux - how to do nested routing

Question

How do you get nested routing with react-router-redux (5.0.0-alpha.9)?

I want to be able to route to the likes of /event/create I am able to successfully get to a route of /event/:id, e.g. /event/1234

I have -

<Route exact path="/" component={HomePage} />
<Route path="/event/:id" component={EventView} />
<Route path="/event/create" component={EventCreate} />

It looks as though when I go to /event/create is routing to /event/:id

Possible duplicate of Nested routes with react router v4

mohammedgqudah
– mohammedgqudah

2018-08-15 07:55:13 +00:00
Commented Aug 15, 2018 at 7:55 — mohammedgqudah
– mohammedgqudah, Commented Aug 15, 2018 at 7:55

Nick · Accepted Answer · 2018-08-15 08:18:19Z

3

The Router will return on the first match. In your case, you simply need to move the last two statements as :id will match on anything:

<Route exact path="/" component={HomePage} />
<Route path="/event/create" component={EventCreate} />
<Route path="/event/:id" component={EventView} />

This will match on /event/create first and if there's any other value, it will match on the subsequent route.

answered Aug 15, 2018 at 8:18

Nick

4,1226 gold badges33 silver badges43 bronze badges

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

Collectives™ on Stack Overflow

react-router-redux - how to do nested routing

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