Чем отличаются динамические сегменты маршрута и параметры запроса (query parameters)?

Этот вопрос проверяет знание способов передачи данных в URL и их различий.

Короткий ответ

Динамические сегменты маршрута — это часть пути, указанная через :paramName, которая является обязательной. Параметры запроса (query parameters) передаются через строку после ? и являются необязательными. Динамические сегменты — это часть URL-структуры, а параметры запроса подходят для передачи дополнительной информации.

Длинный ответ

Динамические сегменты маршрута:

- Указываются в пути маршрута с помощью двоеточия (:).

- Являются обязательной частью URL.

- Используются для идентификации конкретных ресурсов (например, ID пользователя).

<Route path="/user/:userId" element={<User />} />

Пример URL: /user/123. Здесь 123 — динамический сегмент userId.

 

Параметры запроса (Query parameters):

- Передаются после ? в URL в формате key=value.

- Не обязательны, могут быть добавлены к любому маршруту.

- Используются для передачи дополнительных данных, например, сортировки или фильтров.

/products?sort=price&order=asc

 

Ключевое отличие:

- Динамические сегменты — часть пути, включенная в определение маршрута.

- Параметры запроса — дополнительная информация, не влияющая на маршрут.

Уровень

  • Рейтинг:

    2

  • Сложность:

    4

Навыки

  • React Router

    React Router

Ключевые слова

Подпишись на React Developer в телеграм