import React from "react"; import styles from "./index.less"; import { Layout, Menu } from "antd"; import { MenuUnfoldOutlined, MenuFoldOutlined, UserOutlined, VideoCameraOutlined, UploadOutlined } from "@ant-design/icons"; const { Header, Sider, Content } = Layout; class SiderDemo extends React.Component { state = { collapsed: false }; toggle = () => { this.setState({ collapsed: !this.state.collapsed }); }; render() { return (
nav 1 nav 2 nav 3
{React.createElement( this.state.collapsed ? MenuUnfoldOutlined : MenuFoldOutlined, { className: "trigger", onClick: this.toggle } )}
Content
); } } export default () => (
);