После изменения параметров запроса в URL страница снова монтируется

Question

У меня есть несколько фильтров на странице, и после их применения я хочу сохранить эти значения фильтров в URL-адресе с параметрами запроса. Но всякий раз, когда я меняю параметр, он снова монтирует страницу и вызывает повторный вызов componentDidMount. Я хотел получать уведомления от getDerivedStateFromProps:static всякий раз, когда меняются реквизиты.

Эту функцию я использую для обновления параметров моего запроса. Пример URL https://qa.portal.tech/feeds?country=USA&page=1&pageSize=10&price=yes

export const updateQueryString = (history: History, queryParams: any) => {
  const {
    replace,
    location: { pathname }
  } = history;

  replace({
    pathname,
    search: queryString.stringify({
      ...queryParams
    })
  });
};

Answer 1

В последней версии response-router-dom от v5 поведение изменилось. Даже при обновлении параметра или запроса компонент повторно монтируется, а не повторно отображается, когда вы напрямую меняете URL-адрес.

Однако использование ссылки фактически соответствует шаблону повторной визуализации

Вот рабочая демонстрация демонстрирующая изменение