hm-react-cli/template/app/src/components/BaseLayout.js

Create a Huimei React project by module

import React, { useState } from 'react';
import { Menu, Icon } from 'antd';
import routes from '../router/router';

export default function BaseLayout(props) {
    const [current, setCurrent] = useState('Button');
    const MenuClick = (item) => {
        this.context.router.push(item.key);
        setCurrent(item.key);
    };

    return (
        <div>
            <Menu onClick={MenuClick} selectedKeys={[current]} mode="horizontal">
                {routes.childRoutes.map((item) => {
                    return (
                        <Menu.Item key={item.path}>
                            {/* <Icon type="mail" /> */}
                            {item.path}
                        </Menu.Item>
                    );
                })}
            </Menu>
            <main style={{ margin: 10 }}>{props.children}</main>
        </div>
    );
}
BaseLayout.contextTypes = { router: true };