Маршрутизація у React

Додано: 17 листопада
Предмет:
10 запитань
Запитання 1

Що таке React Router?



варіанти відповідей

Мова програмування

Фреймворк для роботи з базами даних

Бібліотека для навігації між сторінками в односторінкових додатках на React

Базовий хук React для переходів між сторінками

Запитання 2

Які основні компоненти використовуються в React Router для налаштування навігації?


варіанти відповідей

Controller, View, Model

BrowserRouter, Route, Routes, Link

Header, Footer, Navigation

useParams, useSearchParams, useNavigate

Запитання 3

Що робить компонент BrowserRouter в React Router?


варіанти відповідей

Визначає новий стиль для React-компонентів

Дозволяє використовувати URL-адресу браузера для відображення різних сторінок в додатку

Зберігає паролі користувачів у безпечному місці

Зберігає історію переходів між сторінками у об'єкті document.history JS

Запитання 4

Як можна передати параметри до компонента в React Router?

варіанти відповідей

Лише через змінні глобального об'єкта

Шлях маршруту автоматично вважається параметром

Використання path variables або search params

Використати хук useNavigate, вказавши масив параметрів

Запитання 5

Що робить компонент Link в React Router?


варіанти відповідей

Визначає зовнішні посилання на інші веб-сайти

Створює посилання для переходу між сторінками в додатку

Автоматично підключає файли CSS до проекту

Дозволяє підключити сторонні бібліотеки та файли стилів, що розміщені на CDN (Content Delivery Networks)

Запитання 6

Як можна отримати значення параметрів у компоненті в React Router?


варіанти відповідей

Отримати їх з локального сховища браузера

Використовувати глобальний об'єкт window

Використовувати хук useParams та хук useSearchParams

Використовувати хук useContext

Запитання 7

Для чого використовується хук useNavigate в React Router?



варіанти відповідей

Для анімації переходів між сторінками

Для виклику переходів між сторінками без використання компонента Link (в коді компонентів)

Для визначення деталей маршрутізації

Для підключення навігації у проєкт на React

Запитання 8

Чому використовують фрагменти (<></>) в компонентах React?


варіанти відповідей

Для реалізації додаткових функцій у компонентах

Для уникнення створення зайвого DOM-елемента навколо декількох елементів

Для визначення контексту компонента

Для кешування вмісту компонента для оптимізації наступних рендерів

Запитання 9

Як виглядає шлях маршруту 'product/1' з використанням path variable?


варіанти відповідей

path='product/#id'

path='product/:id'

path='product/%id'

path='product/{id}'

Запитання 10

В якому варіанті вірно вказаний формат search params?


варіанти відповідей

product/?id=1&name=phone&country=ua

product/&id=1?name=phone?country=ua

product/!id=1_name=phone_country=ua

product/id:1&name:phone&country:ua

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест