how can i add query in react router

Question

this is now

http://localhost:8001/components/button/

I want to

http://localhost:8001/components/button/?theme=dark

I used

browserHistory.push({
  pathname: '',
  query: {theme: dark},
})

and

browserHistory.push({
  pathname: 'components/button',
  query: {theme: dark},
})

and 

browserHistory.push({
  pathname: 'button',
  query: {theme: dark},
})

All failed.

How can i do? Can you help me, thank you!

can't you just do browserHistory.push("/components/button/?theme=dark") or try browserHistory.push({ pathname: 'components/button', search: '?theme: dark', }) — dikuw
– dikuw, Commented Sep 8, 2020 at 8:10
@dikuw result is localhost:8001/components/button/components/button/?theme=dark — xrkffgg
– xrkffgg, Commented Sep 8, 2020 at 8:23

Prateek Thapa · Accepted Answer · 2020-09-08 06:58:27Z

1

You could just use a string literal and push onto history.

browserHistory.push(`components/button?theme=${dark}`)

answered Sep 8, 2020 at 6:58

Prateek Thapa

4,9481 gold badge12 silver badges25 bronze badges

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

1 Comment

xrkffgg Over a year ago

I used. it is same like ` pathname: 'components/button',` and result is localhost:8001/components/button/components/button/?theme=dark

xKobalt · Accepted Answer · 2020-09-08 17:51:48Z

0

You can use the push method as:

browserHistory.push({
  pathname: '/components/button',
  search: '?theme=dark'
})

or simple as:

browserHistory.push('/components/button?theme=dark')

edited Sep 8, 2020 at 17:51

xKobalt

1,5182 gold badges15 silver badges21 bronze badges

answered Sep 8, 2020 at 7:05

shahidiqbal

3851 silver badge8 bronze badges

2 Comments

xrkffgg Over a year ago

It will be /components/button/components/button/?theme=dark

xrkffgg Over a year ago

this is /components/button/ , not /components/button . So it does't work.

Collectives™ on Stack Overflow

how can i add query in react router

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related