https://github.com/yuriyvyatkin/ra-hw-9.1-nav-menu
ДЗ №1 к лекции «React Router» курса «React» Нетологии
https://github.com/yuriyvyatkin/ra-hw-9.1-nav-menu
navlink react-router-v6 reactjs route
Last synced: 4 months ago
JSON representation
ДЗ №1 к лекции «React Router» курса «React» Нетологии
- Host: GitHub
- URL: https://github.com/yuriyvyatkin/ra-hw-9.1-nav-menu
- Owner: yuriyvyatkin
- Created: 2021-11-28T05:06:48.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-11-30T11:06:56.000Z (almost 4 years ago)
- Last Synced: 2025-02-23T00:44:18.775Z (8 months ago)
- Topics: navlink, react-router-v6, reactjs, route
- Language: JavaScript
- Homepage: https://yuriyvyatkin.github.io/ra-hw-9.1-nav-menu/
- Size: 475 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Домашнее задание №1 к лекции «React Router»
[](https://ci.appveyor.com/project/yuriyvyatkin/ra-hw-9-1-nav-menu)
[Ссылка на Github Pages](https://yuriyvyatkin.github.io/ra-hw-9.1-nav-menu/)
Навигационное меню
===
Необходимо реализовать меню для сайта гоночного такси с пунктами «Главная», «Дрифт-такси», «Time Attack» и «Forza Karting». При переходе на страницу соответствующий пункт меню должен подсветиться:
## Описание компонента
Компонент должен создавать HTML-разметку вида:
```html
Главная
Дрифт-такси
Time Attack
Forza Karting
```
Активный пункт меню помечается классом `menu__item-active`.
## Реализация
Необходимо реализовать компонет `Menu`.
Воспользуйтесь готовым файлом `App.js` и стилями `css/index.css` из данного каталога в качестве отправной точки (замените ими те, что создаются в create-react-app).
**Обратите внимание**: в файлах `App.js` расположено несколько компонентов не потому, что так нужно делать, а для вашего удобства (чтобы вам было удобнее копировать). Будет хорошо, если в своём решении вы разнесёте их по разным файлам.