【Ant Design Pro 五】箱套路由在菜单栏显示返回上一页

效果图:

场景:从菜单栏进入子页面,但是子页面默认不在路由显示,完成操作后需要返回上级页面。所以要在菜单栏中加返回的功能。

实现代码:

import React from 'react';
import { Button, Card, Icon } from 'antd';
import { PageHeaderWrapper } from '@ant-design/pro-layout'
import router from 'umi/router';

class StoreGrouping extends React.Component {
    render() {

        return (
            <PageHeaderWrapper title='添加分组' menuHeaderRender={false} content={
                <a onClick={() => router.goBack()}>
                    <Icon type="left" />
                    返回
                </a>
            }><div>123</div></PageHeaderWrapper>
        )
    }
}
export default StoreGrouping;

猜你喜欢

转载自blog.csdn.net/qq_35713752/article/details/104411877
今日推荐