React
文章平均质量分 61
React技术总结
ONEGISER(ZPC)
专注于GIS开发
展开
-
React项目部署至github预览
React项目部署至github预览原创 2022-12-30 01:09:56 · 680 阅读 · 0 评论 -
React函数式组件与类组件(weixin公众号【图说GIS】)
类组件import React from 'react';import { Select } from 'antd';import { IndexBarDataNode, LoadRoadDatas, RoadCommonSelectProps } from './roadCommonSelect';import { SizeType } from 'antd/lib/config-provider/SizeContext';import { getRoadCodes, RoadCommonSel原创 2022-04-28 09:19:35 · 322 阅读 · 0 评论 -
create react app创建的项目突然间出现了Uncaught ReferenceError: process is not defined的解决方案(weixin公众号【图说GIS】)
create react app创建的项目突然间出现了Uncaught ReferenceError: process is not defined的解决方案前言解决方案前言在那次升级库后,项目的程序在第一次启动没有问题,但是在热更新后会报Uncaught ReferenceError: process is not defined,并且界面上产生了一个好可怕的iframe,导致界面动弹不得解决方案于是在全网去搜索解决方案,这篇文章看着比较靠谱,下面截图的解决办法才是正确的解决方案仔细看报错原创 2021-12-29 12:46:45 · 8635 阅读 · 11 评论 -
React 函数式组件与类式组件渲染次数比较(weixin公众号【图说GIS】)
前言有价值的参考文章《轻松学会 React 钩子:以 useEffect() 为例》写惯了类式组件,突然想试下函数式组件,可发现获取数据时组件渲染了4次,比函数式组件多1次。类式组件ts写的类式组件如下:export interface HomeSub1Props {}export interface HomeSub1State { datas: any;}let renderCount = 0;let queryCount = 0;class HomeSub1 extends Re原创 2021-12-06 22:50:10 · 947 阅读 · 0 评论 -
如何在create-react-app4.x搭建的框架中加载项目的markdown文件?
前言在之前,已经有在react框架中加载makdown文件的经验,本想着这是件简单的事情,没想到给create-react-app脚手架创建的开发框架中融合此能力遇到了问题:[object Module]。最终通过各种测试,找到了解决方案,现将其记录下来,供大家遇到此类问题可以快速解决。解决方案框架介绍框架使用create-react-app创建,创建请参考我的博文《create-react-app4.x搭建react开发框架(React17+antd4.x+typescript4.x)》框架没原创 2021-07-29 15:41:46 · 295 阅读 · 0 评论 -
react-router-dom5.x使用总结
react-router-dom使用总结写在前面资料思考问题记录问题排查写在前面react-router-dom为前端路由提供了便利,但使用过程中会遇到一些问题,特将此记录下来。资料1.API参考请访问API文档2.我写的在线示例demo思考1.在一个项目中,一般会有好多页面,例如门户系统(首页、数据中心、个人中心)、管理系统(用户管理、角色管理)等大量页面,如何才能将这些页面路由看着优雅并能解决组件复用的问题?我的思路是一级页面用BrowserRouter,如门户用/portal、/ma原创 2021-06-26 14:07:34 · 146 阅读 · 0 评论 -
create-react-app4.x搭建react开发框架(React17+antd4.x+typescript4.x)
1. 框架初始化`npm install create-react-app@4.0.1 -g``create-react-app app --template typescript`2. 支持自定义配置添加craco.config.js,支持less样式,内容如下:const CracoLessPlugin = require('craco-less');module.exports = { plugins: [ { plugin: Cra原创 2021-01-04 00:10:42 · 1015 阅读 · 0 评论