Add many url params in react router

Question

I have to selects that trigger the next functions:

const firstQuery = (value) => {
  history.replace(`${match.path}cars/?car=${value}`);
};

const secondQuery = (value) => {
  history.replace(`${match.path}cars/?color=${value}`);
};

When i trigger the first function the url is changing ok: my-site/cars/?car=audi, but when i trigger the second one it reset the first value of ?car=audi and i get my-site/cars/?color=red, but my expectation is to get something like: my-site/cars/?car=audi&color=red
How to fix this and to get what i expect?

Ali Ehyaie · Accepted Answer · 2021-05-21 08:10:08Z

1

history.replace, replace whole url so you must set your url complete in that

const secondQuery = (value1,value2) => {
  history.replace(`${match.path}cars?car=${value1}&color=${value2}`);
};

answered May 21, 2021 at 8:10

Ali Ehyaie

1,3345 gold badges16 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

Add many url params in react router

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related