config.ts import { defineConfig } from 'umi'; import routes from './routes' import proxy from './proxy'; export default defineConfig({ hash: true, ant ...
转载
2021-09-10 14:12:00
1332阅读
2评论
Umi 如何关闭 Mock？ 可以通过配置关闭， export default { mock: false, }; 也可以通过环境变量临时关闭， $ MOCK=none umi dev ...
转载
2021-09-09 16:44:00
1862阅读
2评论
29.9React课程第11节：umi_Dva路由及项目实现(第11节：umi-Dva路由及项目实现&)第11节：umi-Dva路由及项目实现&项目创建创建页面创建目录结构router.jsimport React from 'react';import { Router as DefaultRouter, Route, S...
原创
2023-02-23 21:26:11
652阅读
记录一下最近项目所用到的技术React + Dva + Antd + umi ，以免忘记。之前没有用过它们其中一个，也是慢慢摸索，了解数据整个流程。先了解下概念React
转载
2021-09-09 15:31:59
1142阅读
一、创建项目在WebStorm里面创建一个项目，输入命令：yarn create umi弹出选项，这里我们选择第二项APP。选择是否使用typescript，
原创
2023-07-10 10:20:39
449阅读
Umi 是什么？Umi，中文可发音为乌米，是可扩展的企业级前端应用框架。Umi 以路由为基础的，同时支持配
原创
2022-07-25 16:35:53
527阅读
一.props.params官方例子使用React router定义路由时，我们可以给<Route>指定一个path，然后指定通配符可以携带参数到指定的path：首先定义路由到UserPage页面: import { Router,Route,hashHistory} from 'react-rou ...
转载
2021-07-23 15:19:00
3085阅读
2评论
reducers: {
save(state, action) {
console.log('getAlarmStatus6', action.payload);
return {
...action.payload,
};
},
/**
* 重置 state
*/
resetState()
原创
2021-09-17 10:35:34
406阅读
一、Next.js介绍 由于umi借鉴了Next.js的很多思想，为了进一步了解umi，所以这章先介绍一下Next.js，从而帮助初学者入门umi。(一）我们构建一个web应用程序是，需要处理以下一些工作量： 1.必须找到一个打包程序，例如webpack打包代码，同时要用Babel等编译器进行代码转换. 2.针对生产环境进行一些优化，例如拆分代码。 3. 为了提升页面的渲染速度，你需要预先渲染页面或者采用SEO,最好除了支持客户端渲染...
原创
2021-06-02 13:35:15
1996阅读
安装 https://www.python.org/downloads/release/python-3104/ Files VersionOperating SystemDescriptionMD5 SumFile SizeGPG Gzipped source tarball Source rel
原创
2022-10-18 12:29:43
106阅读
一、react组件：1.组件名称必须大写字母开头。2.组件的定义内容：class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } // 挂载渲染时 ，即组件第一次渲染到dom时 componentDidMount() { } // dom 中删除此组件时，即卸载 componentWillUnm
原创
2021-06-02 13:35:17
620阅读
1、UMI提供了可视化antd模板，可以直接添加到项目中修改用 比如将个人中心添加到项目中 2、选择个人中心，确定 3、成功 4、打开项目 5、Route文件也自动添加 根路由有exact:true后面要把工作台移到mainfrm路由中 6、运行报错 7、安装 8、找不到style.less 安装l
转载
2020-02-11 00:04:00
346阅读
2评论
最近在umi. 设置一个layout字段， 结果左边菜单栏就出现了。 很神奇。 决定对这个库一探究竟。 我是一个喜欢看底层库的人，网上所有的启动方式都是yarn或者npm start 启动服务。然后在浏览器运行调试的。 这个调试的是前端。 我想调试的是后端。 通过跟踪，发现其实 yarn start
原创
2021-07-30 11:45:06
838阅读
本文介绍了基于React和Umi框架的前端开发方法。主要内容包括：1)Umi项目目录结构约定；2)核心概念如Umi框架、Dva状态管理及其与React的配合使用；3)React与Vue在数据流、组件通信等方面的差异；4)开发技能要点，包括Dva模型定义、组件编写、父子组件通信方法；5)状态管理机制对比（put、localStorage、useState）。重点阐述了在Umi项目中如何通过Dva管理状态、实现组件间通信，以及React单向数据流下父子组件传值的特点。
一、父组件给子组件传值父组件定义： < 子组件名称 小驼峰法的变量={变量值} }子组件定义： {this.props.变量名} 进行接收。二、子组件给父组件传值 父组件提前定义一个向子组件传一个函数名，子组件通过参数传父组件，例如：父组件定义： < 子组件名称 函数名={ｔｈｉｓ．函数名} }子组件定义： //子组件class Son extends Component{ render(){ r...
原创
2021-06-02 13:35:16
1126阅读
npm 是什么? npm 为你和你的团队打开了连接整个 JavaScript 天才世界的一扇大门。它是世界上最大的软件注册表，每星期大约有 30 亿次的下载量，包含超过 600000 个 包（package） （即，代码模块）。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够
原创
2021-08-05 16:06:46
461阅读
umi-ui
转载
2021-05-04 11:28:00
149阅读
前言 在使用umi日常开发项目，有时候样式之间会有污染，需要在class增加一个className来区分 具体内容 const PrefixWrap = require("postcss-prefixwrap"); const rootId = 'xxx' export default { ...
原创
2022-05-12 20:35:07
545阅读
Dva & Umi
React & Redux
DvaJS,UmiJS,React,Redux,JS,web,dva,saga, redux-sage, effects, generators,
转载
2019-09-12 23:49:00
124阅读
在页面上获取 {props.match.params.id} 在页面上定义 { path: '/a1/:id?', component: '../pages/a1' }, ...
转载
2021-04-23 21:31:00
376阅读
2评论
