Добавить параметры запроса к текущему URL в React Router?

Question

Я использую реагирующий маршрутизатор 4, и когда установлены некоторые флажки, я хочу обновить текущий URL-адрес значениями из этого флажка.

Как передать параметры в текущий URL-адрес?Также, если это возможно, я не хочу поддерживать это, так как если бы они нажали кнопку «Назад», это сняло бы флажок с последнего варианта (если только я не получаю эту функцию бесплатно).

Так что я думаю, что эточтобы быть скорее заменой URL, а не push.

Answer 1

Установить history пакет из npm

Создать новый файл config / history.js

import createHistory from 'history/createBrowserHistory';
export default createHistory();

Теперь в вашем коде, где вы хотели обновитьURL, используйте следующее:

import history from './config/history';

....
<input type="checkbox" onChange={() => history.push('/foo?variable=value') } />