react-router match query string

Question

https://github.com/reactjs/react-router/example

I tried the example on npm start

query string match to route is not working on the example. When I click the second one, It's activating wrong one

http://localhost:8080/query-params/user/bob?showAge=1 and refreshing on the link above not matching any routes.

Even if I have change the example code to below <Route path="user/:userID(?:showAge)" component={User} /> I tried couple of things that might work based on docs but none of them worked.

Am I missing something?

Mo. · Accepted Answer · 2018-03-09 21:38:47Z

1

Turned out there was error on the example on react-router github.

I've made a PR for it which removes activeClassName for Link component.

without it, it works fine, and query string is in location props, see below

this.props.location.query = { 
  query1: value1,
  query2: value2
}

this picture

edited Mar 9, 2018 at 21:38

Mo.

27.6k36 gold badges167 silver badges235 bronze badges

answered Mar 19, 2016 at 4:53

helloworld331

1762 silver badges10 bronze badges

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

Comments

Paul T. Rawkeen · Accepted Answer · 2019-09-27 09:28:52Z

-1

You are missing the root (/) in path="user/:userID(?:showAge)"

This code must works:

 <Router history={history}>
    <Route path="/user/:userID/:showAge)" component={User} />
 </Router>

Check if the params are in the route:

  console.log(JSON.stringify(this.props.routeParams));

My whole file

edited Sep 27, 2019 at 9:28

Paul T. Rawkeen

4,1133 gold badges38 silver badges53 bronze badges

answered Mar 18, 2016 at 22:06

aarkerio

2,4043 gold badges23 silver badges38 bronze badges

1 Comment

helloworld331 Over a year ago

Hi, thanks for the answer but it's not about query string.

Collectives™ on Stack Overflow

react-router match query string

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related