![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
Web_workstart
这个作者很懒,什么都没留下…
展开
-
react报错: 切换路由时,上一个组件已卸载,但是它的异步更新状态还没有执行完,所以报错
报错: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.Goole 翻译: 无法在已卸载的组件上执行React状态原创 2020-05-15 17:31:36 · 1296 阅读 · 0 评论 -
react项目初始化,脚手架搭建
初始化 react 项目命令行: npx create-react-app my-promy-pro : 自定义的react项目名称进入到项目根目录 运行项目命令行:npm start调整项目结构public/index.html (必须有)src/assets/ (资源, 图片 字体图标)components/ (公共组件, >=2个 页面共用的组件(比如类似的顶部导航栏))pages/ ..原创 2020-05-13 12:52:27 · 296 阅读 · 0 评论 -
react项目中统一处理 baseURL , 利用脚手架的环境变量
根目录下(与src平级) 新建生产环境变量文件 .env.developmentREACT_APP_URL = http://localhost:8080在utils文件夹下 创建url.js 和 api.js文件 url.js文件:export const BASE_URL = process.env.REACT_APP_URL api.js文件:import axios from 'axios'import { BASE_URL } from './url'/.原创 2020-05-13 12:20:53 · 4037 阅读 · 0 评论 -
react项目中加loading效果
import { Toast } from 'antd-mobile'// 渲染覆盖物入口 async renderOverlays(id) { try { // 开启loading Toast.loading('加载中...', 0, null, false) const res = await axios.get(`http://localhost:8080/area/map?id=${id}`); // 关闭loading Toast.hide() const data原创 2020-05-13 10:25:09 · 4683 阅读 · 0 评论 -
react项目中下载css预处理器 node-sass 不成功
react项目中下载css预处理器 node-sass 不成功解决:下载sass之前,要先修改源npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sassnpm install node-sass引用于转载 2020-07-07 09:20:31 · 233 阅读 · 0 评论