毛毛虫博客

Create React App是一种官方支持的创建单页React应用程序的方法。它提供了一个没有配置的现代构建设置。一、全局安装脚手架：npm install -g create-react-app二、创建react应用使用npx创建应用可跳过上面的第一步npx create-react-app my-app使用npm一键创建可跳过上面的第一步npm init re...

意思为：我们不能在组件销毁后设置state，防止出现内存泄漏的情况分析出现问题的原因：我这里在组件加载完成的钩子函数里调用了一个EventBus的异步方法，如果监听到异步方法，则会更新state中isShowNav的值。解决方法我们应该在组件销毁的时候将异步方法撤销this.setState = (state, callback) => { return;};...

ant-design按需加载，使用react-app-rewired的时候报错运行npm start或者yarn start报如下错误：TypeError: injectBabelPlugin is not a function原因好像说是react-scripts 升级到 2.1.2 以后破坏了 react-app-rewired解决方法，对react-scripts进行降级处理npm...

这里使用的是4.31版本的react-router-dom"react-router-dom": "^4.3.1",直接使用以下代码即可实现路由跳转this.props.history.push("/dashboard/add")

常规项目，我们只需要给标签加一个onselectstart事件，return false就可以例：<div onselectstart="return false;" ></div>但是在React中，是没有onselectstart事件的我们只需要给标签添加个样式就可以了。.node{/*node为标签的class名*/ -webkit-user-sele...

最近有一个前端上传并解析excel/csv表格数据的需求。于是在github上找到一个14K star的前端解析插件 github传送门官方也有，奈何实在太过于浅薄。于是做了以下整理，避免道友们少走一些弯路。安装依赖yarn add xlsx //或 npm install xlsx项目中引入import * as XLSX from 'xlsx';上传组件（antde...

最近有一个引入sql编辑器插件的需求，要求代码高亮显示，代码智能提示，以及支持自定义代码提示列表等功能。中途在自定义代码提示列表中由于没有相关demo，所以踩了一些坑，遂将其整理如下，以便日后查看。1.安装yarn add react-ace //或 npm install react-ace2.在项目中引入import AceEditor from 'react-ace';3....

同项目组的小伙伴想用自己的电脑访问我电脑上开发阶段的create-react-app创建的react项目。试过了了各种内网穿透工具ngrok以及localtunnel等。奈何打开效率实在太过于龟速。于是不得不百度 react项目如何开启内网访问结果找了说是要配置webpack。好吧，配就配。。。可是对于还没有eject的项目来说，webpack配置没暴露出来，没法配啊。果断npm r...