React Frontend Developer

Question 1

Как получить параметры маршрута внутри компонента?

Accepted Answer

Параметры маршрута можно получить с помощью хука useParams, который возвращает объект с ключами, соответствующими динамическим сегментам. Параметры запроса можно извлечь через useSearchParams, предоставляющий доступ к строке запроса.

Question 2

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

Accepted Answer

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

Question 3

Что делает и чем он отличается от обычного тега?

Accepted Answer

из React Router используется для навигации внутри React-приложения, предотвращая полную перезагрузку страницы. В отличие от , который обновляет всю страницу, обновляет только нужные компоненты, сохраняя состояние приложения.

Question 4

Что произойдет, если два маршрута совпадают с текущим URL? Как это управляется?

Accepted Answer

Если два маршрута совпадают, <Routes> выбирает первый, который полностью соответствует текущему URL. Это называется "точное совпадение". Чтобы управлять этим, маршруты размещаются в порядке убывания специфичности (от более специфичных к менее специфичным).

Question 5

Чем отличаются компоненты и ?

Accepted Answer

определяет отдельный маршрут и связан с конкретным компонентом, который отображается при совпадении URL. является контейнером для и отвечает за поиск первого подходящего маршрута. Без компоненты не будут работать корректно в новых версиях React Router.

Question 6

Какие основные компоненты предоставляет React Router DOM для создания маршрутов?

Accepted Answer

React Router DOM предоставляет ключевые компоненты, такие как , , , и . используется для обертки приложения, чтобы включить маршрутизацию. содержит набор маршрутов, а определяет, какой компонент рендерится при совпадении с определенным URL. используется для создания ссылок, которые позволяют навигацию без перезагрузки страницы.

Question 7

Как вы можете получить доступ к объекту истории в React Router?

Accepted Answer

Доступ к объекту истории в React Router можно получить через useHistory() или useNavigate() в функциональных компонентах, что позволяет манипулировать текущим маршрутом.

Question 8

Можете ли вы объяснить, что такое BrowserRouter и HashRouter?

Accepted Answer

BrowserRouter и HashRouter — это методы маршрутизации в React Router. BrowserRouter использует истинные URL, в то время как HashRouter использует хэш-фрагменты (#).

Question 9

Что такое React Router?

Accepted Answer

React Router — это библиотека для добавления маршрутизации в приложения React, позволяющая пользователю переходить между различными страницами без необходимости полной перезагрузки.

Question 10

Какой тег используется для создания ссылок в HTML?

Accepted Answer

# Пример текста с разной вложенностью и форматированием

## 1. Основной раздел

Это **основной** текст с *разными* стилями форматирования.

### 1.1 Подраздел

* Элемент списка 1

* Элемент списка 2

* Вложенный элемент

* Еще один вложенный

### 1.2 Код

Вот пример кода на Python:

python

Copy

Download

```plaintext
def hello_world():
    print("Привет, мир!")

hello_world()
```

## 2. Дополнительная информация

> Это цитата, которая выделяется для важности.

### 2.1 Таблица

**Заголовок 1Заголовок 2**Данные 1Данные 2Данные 3Данные 4

### 2.2 Форматированный текст

Вот `моноширинный` текст, а также **жирный** и *курсив*.

#### 2.2.1 Глубокая вложенность

Этот текст находится на **третьем** уровне вложенности.

---

### 3. Заключение

Спасибо за внимание! Вот еще один блок кода (JavaScript):

javascript

Copy

Download

```plaintext
const sum = (a, b) => a + b;
console.log(sum(2, 3)); // 5
```

**Конец документа.** 🚀

Вопросы React Frontend Developer