import React from "react"; import styles from "./index.less"; import { Menu, Switch } from "antd"; import { MailOutlined, CalendarOutlined, AppstoreOutlined, SettingOutlined } from "@ant-design/icons"; const { SubMenu } = Menu; class Sider extends React.Component { state = { mode: "inline", theme: "light" }; changeMode = value => { this.setState({ mode: value ? "vertical" : "inline" }); }; changeTheme = value => { this.setState({ theme: value ? "dark" : "light" }); }; render() { return (
Change Mode Change Style

Navigation One Navigation Two Navigation Three } > Option 3 Option 4 Option 5 Option 6 Navigation Four } > Option 7 Option 8 Option 9 Option 10
); } } export default () => (
);