/
valslava
/
react-practice_project
Обзор
Документация
Войти
/
valslava
/
react-practice_project
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
src/hoc/Layout/Layout.js
46 строк
844 B
valslava2
Add Backdrop for menu
03 мар 2024, 13:51
03 мар 2024, 13:51
f9cc815
Код
Авторство
О чём код?
import React, {Component} from 'react' import classes from './Layout.css' import MenuToggle from '../../components/Navigation/MenuToggle/MenuToggle' import Drawer from '../../components/Navigation/Drawer/Drawer' class Layout extends Component { state = { menu: false } toggleMenuHandler = () => { this.setState({ menu: !this.state.menu }) } menuCloseHandler = () => { this.setState({ menu: false }) } render() { return ( <div className={classes.Layout}> <Drawer isOpen={this.state.menu} onClose={this.menuCloseHandler} /> <MenuToggle onToggle={this.toggleMenuHandler} isOpen={this.state.menu} /> <main> { this.props.children } </main> </div> ) } } export default Layout