URL with query string not matching react-router route

Question

Given this React router configuration:

<Router history={browserHistory}>
    <Route path="/farm/:type?period=:period" component={Farm} />
    <Route path="/pen/:penId" component={Pen} />
    <Route path="/pen/:penId/cow/:cowId" component={Cow} />
    <Route path="*" component={Farm} />
</Router>

Why is http://localhost:8080/farm/average?period=day only matching the catch-all route and not the first one?

Andrea Casaccia · Accepted Answer · 2016-09-27 15:14:40Z

2

Query string parameters don't need to be included in the <Route> definition.

Changing the route definition to <Route path="/farm/:type" component={Farm} /> solved the problem.

Query string parameters are still available under props.location.query

answered Sep 27, 2016 at 15:14

Andrea Casaccia

5,0014 gold badges33 silver badges55 bronze badges

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

Collectives™ on Stack Overflow

URL with query string not matching react-router route

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