/
valslava
/
react-practice_project
Обзор
Документация
Войти
/
valslava
/
react-practice_project
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
src/components/Navigation/Drawer/Drawer.js
52 строки
1 KB
valslava2
fixed some Warn and Err,add some Router things
05 мар 2024, 00:25
05 мар 2024, 00:25
daaf7b1
Код
Авторство
О чём код?
import React, {Component} from 'react' import classes from './Drawer.css' import Backdrop from '../../UI/Backdrop/Backdrop' import {NavLink} from 'react-router-dom' const links = [ {to: '/', label: 'Список', exact: 'true'}, {to: '/auth', label: 'Авторизация', exact: 'false'}, {to: '/quiz-creator', label: 'Создать тест', exact: 'false'} ] class Drawer extends Component { renderLinks() { return links.map((link, index) => { return ( <li key={index}> <NavLink to={link.to} exact={link.exact} className={classes.active} onClick={this.props.onClose} > {link.label} </NavLink> </li> ) }) } render() { const cls = [classes.Drawer] if (!this.props.isOpen) { cls.push(classes.close) } return ( <React.Fragment> <nav className={cls.join(' ')}> <ul> { this.renderLinks() } </ul> </nav> { this.props.isOpen ? <Backdrop onClick={this.props.onClose} /> : null } </React.Fragment> ) } } export default Drawer