Nested Routing isn't working with react-router-dom

Question

I try to understand the nested routing in react using react-router-dom. I was simply following their offical docs. Where The route /users loads the Users component, which renders any further <Route>'s conditionally on the paths :id value. Here is the codesandbox link. But whenever I goto users/:id, it render the fallback component. I was wondering where I do wrong?

istvan kolkert · Accepted Answer · 2020-07-16 21:08:36Z

1

You need to remove the exact value here:

<Route exact path="/users" component={Users} />

if you use exact only that EXACT path will be usable so /users is fine but /users/1 is not

answered Jul 16, 2020 at 21:08

istvan kolkert

1522 silver badges11 bronze badges

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

2 Comments

falamiw Over a year ago

Thanks @istvan Kolkert I feel shame seriously I failed to catch this. I will accept your answer after 7 min.

istvan kolkert Over a year ago

@falamiw Haha no worries, everyone overlooks things no shame in asking

Collectives™ on Stack Overflow

Nested Routing isn't working with react-router-dom

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related