javascript - React Router Dom - Clear url parameters without refreshing the page - Stack Overflow

I do have some parameters passed by a link to an url, like :

https://mysite/post/list?success

Considering I'm with React JS and using React router dom, how should I do to clean the parameters without refreshing the page, in order to be back button friendly ? I'm aiming for the same page, without params.

Edit : Proposed here, this solution does not work for this case

  const queryParams = new URLSearchParams(location.search)
  queryParams.delete('success')
  history.replace({
    search: queryParams.toString(),
  })
    

It does work while treating params case to case (by applying "if" chains), but I'm searching for a function clearing them all at once - is there a way to do that with the .delete method ?

I do have some parameters passed by a link to an url, like :

https://mysite/post/list?success

Considering I'm with React JS and using React router dom, how should I do to clean the parameters without refreshing the page, in order to be back button friendly ? I'm aiming for the same page, without params.

Edit : Proposed here, this solution does not work for this case

  const queryParams = new URLSearchParams(location.search)
  queryParams.delete('success')
  history.replace({
    search: queryParams.toString(),
  })
    

It does work while treating params case to case (by applying "if" chains), but I'm searching for a function clearing them all at once - is there a way to do that with the .delete method ?

• javascript
• reactjs
• react-router
• url-parameters

Share Improve this question Follow edited Jul 3, 2021 at 16:30 Horkos asked Jul 3, 2021 at 16:05 HorkosHorkos 40122 gold badges99 silver badges2222 bronze badges 2

• 1 Does this answer your question? How to remove query param with react hooks? – gantoine Commented Jul 3, 2021 at 16:11
• Unfortunately not, I'd try to clear the whole params and not a single and defined string, so the .delete() is not doing its work... – Horkos Commented Jul 3, 2021 at 16:22

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

Found it !

   const queryParams = ""
   history.replace({
     search: queryParams,
   })

'Twas dead simple and efficient. Closing.