Удалить строку запроса с помощьюact-router без перезагрузки страницы?

Question

В моем приложении есть строка запроса, которую я хочу удалить после нажатия кнопки.

Я получаю строку запроса следующим образом:

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

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

Затем, когда я нажимаю на кнопку, я хочу удалить строку без перезагрузки страницы.

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

Однако приведенный выше код не работает должным образом.

Answer 1

Вы сможете заменить состояние вызовом replace. Вызов pu sh добавит новую запись в историю, которая сломает предыдущую кнопку. Требование заменить не pu sh, а заменить текущую страницу.

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