记录一下最近项目所用到的技术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阅读
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阅读
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评论
一、创建Reract项目1、创建React项目npx create-react-app react-test2、运行eject Cesium静态资源需要webpack配置，执行npm run eject可以生成webpack配置，运行前先查看当前git版本是否有提交，如果未提交，需要先本地提交git，否则npm run eject会执行失败。（
原创
2024-08-27 08:41:18
319阅读
umi+ dva + antd构建react工程项目（组件化开发搭建项目）1.官方网站安装node.js（并确保 node 版本是 10.13 或以上）2.先确保安装成功npm或者yarn3.npm i yarn tyarn -g (国内源)4.如果你没有 npx，需要先安装它,用于执行 node_
原创
2022-09-09 09:03:32
320阅读
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评论
环境配置 安装脚手架：npm install create-react-app 安装yarn：brew install yarn 创建项目：create-react-app antd-demo 切换路径：cd antd-demo 安装路由：yarn add react-router-dom 安装ax ...
转载
2021-10-01 09:38:00
242阅读
2评论
一、安装 npm install -g create-react-app 二、创建react应用 create-react-app 项目名称 进入项目文件 npm start 或 yarn npm run eject 暴露webpack 安装包配置自己可以重新分配一下，其实并不影响打包，打包模块插件
转载
2021-04-29 11:07:00
114阅读
2评论
阿里的 AntD 及Dva、Umi等： React 16.8 开始支持 Hooks。 1、（React实践）Umi Hooks：hooks.umijs.org/ https://github.com/umijs/hooks 2、react生命周期的最新图谱：http://projects.wojte
原创
2021-07-31 09:34:34
373阅读
antd mobile2升级到antd mobile5官网上有两种升级方法，使用 antd-mobile-v2安装和通过别名安装 v5。 第一种方法要把项目中所有对 antd-mobile 的引入都替换为 antd-mobile-v2，成本比较大，而且也没有足够时间去测试替换后的项目。因此这里采用第二种安装方式，别名安装。一.antd2升级到antd5$ npm install --save an
转载
2023-09-16 20:32:14
390阅读
Umi 如何关闭 Mock？ 可以通过配置关闭， export default { mock: false, }; 也可以通过环境变量临时关闭， $ MOCK=none umi dev ...
转载
2021-09-09 16:44:00
1862阅读
2评论
需求是我这里有个页面，离开当前页面之后，需要在菜单栏显示个提示，也就是Tour。
原创
2024-07-09 11:31:18
122阅读
import { Button, Result } from 'antd'; import React from 'react'; import { history } from 'umi'; // FC = Functional Component 使用这个类型有个好处就是，提醒你必须返回一个Re
原创
2022-09-09 08:13:08
91阅读
一、 使用create-react-app创建react应用1.1. react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为: re
转载
2024-07-30 14:49:09
544阅读
npm i antd --save 按需引入import React, { Component } from 'react' import Button from 'antd/lib/button' import 'antd/dist/antd.css' export default class A ...
转载
2021-08-08 12:13:00
152阅读
2评论
一直在使用 antd pro 简单粗暴地做前端项目，最近有个项目需要自己构建，从0做起太麻烦，我选择了dva-cli。创建项目期间也遇到不少问题，最后也都得到了解决。思前想后还是做一次记录，希望对大家创建项目有一定的帮助。如果不知道dav的，可以去官网先了解一下：https://dvajs.com/ ...
转载
2021-09-08 15:14:00
562阅读
2评论
基于webpack+react+antd 项目构建
转载
2021-07-29 11:28:29
515阅读
目录：1. 前期准备2. Create React App3. 工具及插件 安装第三方插件 安装 bootstrap 执行 eject4. 在线 React 创建 前期准备1. 安装 Node.js。同时建议安装 nvm，nvm 用于进行 Node 版本的控制。2. 安装编辑器，比如 VSCODE。 Create React AppCreate React App 官网：
转载
2024-01-16 14:42:41
200阅读
安装antd-mobile全局引入npm install antd-mobile --save在App.js引入cssimport 'antd-mobile/dist/antd-mobile.css';在jsx使用antd组件import R
原创
2022-07-06 16:49:09
460阅读
