001-pro ant design 升级2.0后变更

一、更新点

1、目录调整

2、本地代理服务器调整

roadhog→umi

配置方式

在这个config/config.js配置

"proxy": { "/api": { "target": "http://jsonplaceholder.typicode.com/", "changeOrigin": true, "pathRewrite": { "^/api" : "" } } }

在config/config.js文件中，最上面提示： https://umijs.org/config/ 查看这里的配置应该都可以配置到这里

3、路由菜单方式

4、routes变为pages

5、pages中含有models

二、新建页面

1、在/config/router.config.js文件中添加

      {path: '/newpage',name: 'newpage',icon: 'dashboard',routes: [{path: '/newpage/page1',name: 'page1',component: './Newpage/Page1',},],},

2、添加实际页面

在src的pages下增加Newpage，并且在Newpage中添加

import React, {Component} from 'react';
import {connect} from 'dva';
import {formatMessage, FormattedMessage} from 'umi/locale';
import {Row,Col,Icon,Card,Tabs,Table,Radio,DatePicker,Tooltip,Menu,Dropdown,
} from 'antd';
import {ChartCard,MiniArea,MiniBar,MiniProgress,Field,Bar,Pie,TimelineChart,
} from '@/components/Charts';
import Trend from '@/components/Trend';
import NumberInfo from '@/components/NumberInfo';
import numeral from 'numeral';
import GridContent from '@/components/PageHeaderWrapper/GridContent';
import Yuan from '@/utils/Yuan';
import {getTimeDistance} from '@/utils/utils';@connect(({page1, loading}) => ({page1,loading: loading.effects['page1/fetch'],
}))
class Page1 extends Component {componentDidMount() {const {dispatch} = this.props;dispatch({type: 'page1/fetch',});}render() {const {page1} = this.props;console.log(page1)alert(page1);return (<GridContent><Row gutter={24}><Col>test</Col></Row></GridContent>
    );}
}export default Page1;

3、添加国际化

在/src/locales下的两个文件中添加对应的Key

  'menu.newpage': '心页面','menu.newpage.page1': '页面1',

001-pro ant design 升级2.0后变更相关推荐

Ant Design 3.15.0 发布，企业级 UI 设计语言和 React 实现
Ant Design 3.15.0 发布了,Ant Design 是蚂蚁金服开发和正在使用的一套企业级前端设计语言和基于 React 的前端框架实现. 特性提炼自企业级中后台产品的交互语言和视觉风格 ...
mysql升级8.0后，项目遇到的坑
这里列举了mysql升级到8.0后项目遇到的一些问题一.Unknown system variable 'tx_isolation' 二.The server time zone value '�й ...
升级Vue2.0后prop不能双向绑定的解决办法
前言从Vue1.0升级到Vue2.0后,有很多改动,今天来讨论下prop没有了sync之后的解决方法. 从官方角度来讲,为了规范数据流动,砍掉了.sync,目的很明显,阻止子组件影响父组件的数据. ...
解决升级Flutter3.0后出现警告Operand of null-aware operation ‘!‘ has type ‘WidgetsBinding‘ which excludes null
出现场景将Flutter SDK升级到3.0,运行时报以下警告. 虽然不影响程序的运行,但是看着很烦. lib/stress_test/stress_test_page.dart:120:22: W ...
高德导航升级6.0后应用crash解决
1.问题公司应用有集成高德地图地位和导航,因为高德开发者平台给出的建议是用最新包引入方式,默认升级到最新jar包后应用持续发生native crash.由于时间有限就想直接回退到之前的版本,但是高德 ...
android9.0系统耗电量大,升级EMUI9.0后太耗电？五招帮你摆平！
*本文来自花粉俱乐部@小超人_江江如果感觉你的荣耀Magic 2手机电量不够用怎么办?几条妙招解决你的小麻烦,EMUI9.0系统手机也可参考 1.尝试关闭语音唤醒功能设置方法:依次选择[设置]-[ ...
手机升级8.0后，黑域启用失败
今天手机系统升级到8.0,却悲催的发现黑域启动不起来了. 于是便找到这个解决方案,亲测成功. 1.正常在电脑上激活黑域后不要拔掉数据线. 2.将手机接入电脑的模式改为纯充电模式. 3.拔掉电源线,即可 ...
三星 android 5.0 root,三星note3全系列新机升级5.0后root权限方法
N9008刷机包下载近期索尼note3全系列新机 n9006.n9008.n9009.n900.n9008v等三星note3机型将全线更新到了安卓5.0系统,那么索尼note3更新5.0以后怎么获取 ...
php7.4升级php8.0后重启系统网站访问异常问题
安装完php8.0之后也禁用了旧版本php: 禁用php sudo a2dismod php7.4 启用php sudo a2enmod php8.0 也重启了php8.0-f ...

001-pro ant design 升级2.0后变更

一、更新点

二、新建页面

001-pro ant design 升级2.0后变更相关推荐

最新文章

热门文章