:nail_polish: 帆布风格
使用构建的简单的非画布菜单
描述
样式化画布是使用和构建的可自定义的画布菜单
演示版
演示可以在这里找到：
安装
yarn install styled-off-canvas
# or via npm
npm install styled-off-canvas
实作
为了获得更大的灵活性，您将在应用程序中保留菜单状态（打开或关闭）。 下面的示例显示了一个非常简单的实现。
组件
styled-off-canvas包含三个组件： <StyledOffCanvas> ， <Menu>和<Overlay> 。
<StyledOffCanvas>是一个包装组件，提供所有设置/属性。
<Menu>是非画布菜单本身。 您可以将任何想要的内容作为子级传递（例如，带有样式的React-Router链接列表）
<Overlay>是一个可选组件，可在您的应用程序内容上方呈现一个半透明层。
例
import React , { useState } from 'react'
import { StyledOffCanvas , Menu ,
