react项目实战学习笔记-学习23-侧边栏布局

最新推荐文章于 2024-04-17 10:40:14 发布

前端歌谣

最新推荐文章于 2024-04-17 10:40:14 发布

阅读量322

点赞数

文章标签： react.js 学习前端

本文链接：https://blog.csdn.net/qq_41632427/article/details/126355164

版权

React项目实战-hook+react17-企业案例专栏收录该内容

61 篇文章 0 订阅

订阅专栏

import React, { useEffect, useState } from 'react'
import { Menu } from 'antd';

import { ReadOutlined, EditOutlined, DatabaseOutlined } from '@ant-design/icons';

export default function Aside() {
 
    const [defaultKey, setDefaultKey] = useState('')

   

    const handleClick = e => {
      
    };
    return (
        <Menu
            onClick={handleClick}
            style={{ width: 180 }}
            selectedKeys={[defaultKey]}
            mode="inline"
            className='aside'
            theme="dark"
        >
            <Menu.Item key="listlist"><ReadOutlined /> 查看文章列表List</Menu.Item>
            <Menu.Item key="listtable"><ReadOutlined /> 查看文章列表Table</Menu.Item>
            <Menu.Item key="edit"><EditOutlined /> 文章编辑</Menu.Item>
            <Menu.Item key="means"><DatabaseOutlined /> 修改资料</Menu.Item>
        </Menu>
    )
}

运行结果