【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;

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

Ant Design Pro 企业级后台实战（73 个视频）
Ant Design Pro 企业级后台实战(73 个视频) Ant Design Pro 企业级后台实战 #1 介绍(声音已调到毫无杂音_) Ant Design Pro 企业级后台实战 #2 学习 ...
ant design pro（一）安装、目录结构、项目加载启动【原始、以及idea开发】
一.概述 1.1.脚手架概念编程领域中的"脚手架(Scaffolding)"指的是能够快速搭建项目"骨架"的一类工具.例如大多数的React项目都有src,p ...
ant design pro安装
一.过程安装其中安装成功后出现404参考第二个大导航所有都需要安装最新版本的包括装node(node 10.13.0,自带npm 版本6.4.1 ).yarn. 和 git(建议最新版本,否 ...
搭建Vue版Ant Design Pro后台管理系统
搭建Vue版Ant Design Pro后台管理系统此文章通过基于Vue实现的Ant DesignPro脚手架快速构建一个后台管理系统的前端相关文档链接 1.[Ant Design Pro of ...
前端初学者的Ant Design Pro V6总结（上）
前端初学者的Ant Design Pro V6总结(上) 一.UI组件开发流程 () => {} 通用(异步)函数 useEmotionCss 定义CSS useModel获取全局状态 useC ...
Ant Design Pro入门
目录一:了解Ant Design Pro 二:快速入门一:了解Ant Design Pro Ant Design Pro 是基于Ant Design的一个开箱即用的,企业级中 ...
Ant Design Pro V4 入门到实战手册【2020】
前言第一章初识 Ant Design Pro 1. 调整 Ant Design Pro 基本配置 2. 浅析 Ant Design Pro 工作流程第二章布局和路由 1. 复杂页面布局的&qu ...
React Ant design pro 访问服务器接口，获取数据显示
React Ant design pro 访问服务器接口一.前两天更新了Ant design pro环境搭建,需要了解的小伙伴可以看一下之前的内容,还有react基础教程噢. 二.框架搭建完后,一般 ...
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建
Ant Design Pro of Vue--蚂蚁金服中后台系统框架搭建 Ant Design Pro of Vue下载安装启动步骤: 一.Ant Design Pro of Vue 的介绍 Ant ...

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

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

最新文章

热门文章