React
react相关
WebCandy
这个作者很懒,什么都没留下…
展开
-
【React踩坑记五】React项目中引入并使用react-ace代码编辑插件(自定义列表提示)
最近有一个引入sql编辑器插件的需求,要求代码高亮显示,代码智能提示,以及支持自定义代码提示列表等功能。中途在自定义代码提示列表中由于没有相关demo,所以踩了一些坑,遂将其整理如下,以便日后查看。1.安装yarn add react-ace //或 npm install react-ace2.在项目中引入import AceEditor from 'react-ace';3....原创 2019-02-23 17:39:55 · 7106 阅读 · 8 评论 -
【React踩坑记四】React项目中引入并使用js-xlsx上传插件(结合antdesign的上传组件)
最近有一个前端上传并解析excel/csv表格数据的需求。于是在github上找到一个14K star的前端解析插件 github传送门官方也有,奈何实在太过于浅薄。于是做了以下整理,避免道友们少走一些弯路。安装依赖yarn add xlsx //或 npm install xlsx项目中引入import * as XLSX from 'xlsx';上传组件(antde...原创 2019-02-23 15:19:52 · 1928 阅读 · 0 评论 -
【React踩坑记三】React项目报错Can't perform a React state update on an unmounted component
意思为:我们不能在组件销毁后设置state,防止出现内存泄漏的情况分析出现问题的原因:我这里在组件加载完成的钩子函数里调用了一个EventBus的异步方法,如果监听到异步方法,则会更新state中isShowNav的值。解决方法我们应该在组件销毁的时候将异步方法撤销this.setState = (state, callback) => { return;};...原创 2019-01-24 09:07:23 · 13167 阅读 · 0 评论 -
【React踩坑记二】react项目实现JS路由跳转
这里使用的是4.31版本的react-router-dom"react-router-dom": "^4.3.1",直接使用以下代码即可实现路由跳转this.props.history.push("/dashboard/add")原创 2019-01-21 10:58:24 · 657 阅读 · 0 评论 -
【React踩坑记一】React项目中禁用浏览器双击选中文字的功能
常规项目,我们只需要给标签加一个onselectstart事件,return false就可以例:<div onselectstart="return false;" ></div>但是在React中,是没有onselectstart事件的我们只需要给标签添加个样式就可以了。.node{/*node为标签的class名*/ -webkit-user-sele...原创 2019-01-16 16:22:37 · 1481 阅读 · 0 评论 -
使用react脚手架create-react-app创建react应用
Create React App是一种官方支持的创建单页React应用程序的方法。它提供了一个没有配置的现代构建设置。一、全局安装脚手架:npm install -g create-react-app二、创建react应用使用npx创建应用可跳过上面的第一步npx create-react-app my-app使用npm一键创建可跳过上面的第一步npm init re...原创 2019-01-08 11:36:24 · 343 阅读 · 0 评论