Как получить доступ к query параметрам в React Router v4?

Question

Accepted Answer

## Обзор

В React Router v4 **парсинг query-параметров намеренно убрали**, чтобы разработчики сами выбирали, как им удобнее это делать.

## Рекомендуемый способ: библиотека query-string

Самое популярное решение — использовать библиотеку **`query-string`**:

```javascript
const queryString = require('query-string');
const parsed = queryString.parse(props.location.search);
```

Этот способ даёт чистый и надёжный способ парсить query-параметры из URL.

## Альтернатива: встроенный URLSearchParams

Если хочешь обойтись **без внешних зависимостей**, можешь использовать встроенный API `URLSearchParams`:

```javascript
const params = new URLSearchParams(props.location.search);
const foo = params.get('name');
```

## Совместимость с браузерами

Если нужна поддержка **Internet Explorer 11**, обязательно подключи полифил для `URLSearchParams`, потому что в старых браузерах он не встроен.

## Главное

Оба способа берут query-параметры из `props.location.search`. Выбирай **`query-string`**, если нужно больше возможностей и стабильность, или **`URLSearchParams`**, если хочется что-то лёгкое и встроенное — при условии, что целевые браузеры это поддерживают.

Как получить доступ к query параметрам в React Router v4?

Ответ

Обзор

Рекомендуемый способ: библиотека query-string

Альтернатива: встроенный URLSearchParams

Совместимость с браузерами

Главное

Проверочные вопросы

Помогите улучшить этот вопрос

Обсуждение