Remove a query string using react-router without reloading page?

Question

In my application I have a query string that I want to remove after a button click.

I get the query string like this:

  import qs from 'query-string'
  // ..

  const { search } = url
  const { id } = qs.parse(search)

Then when I click on the button, I want to remove the string without reloading the page.

  const onClick = () => {
     history.push({})
  }

However the code above doesn't work as expected.

Did you solved your problem?

Samuel Vaillant
– Samuel Vaillant

2020-04-29 14:39:16 +00:00
Commented Apr 29, 2020 at 14:39 — Samuel Vaillant
– Samuel Vaillant, Commented Apr 29, 2020 at 14:39

Samuel Vaillant · Accepted Answer · 2020-04-28 10:26:37Z

8

You should be able to replace the state with a call to replace. The call to push will add a new entry to the history which break the previous button. The call to replace don't push but replace the current page.

const onClick = () => {
  history.replace(pathWithoutTheQuery)
}

answered Apr 28, 2020 at 10:26

Samuel Vaillant

3,8671 gold badge17 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

Remove a query string using react-router without reloading page?

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