![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react.js
有梦想必远方
这个作者很懒,什么都没留下…
展开
-
react中由缓存功能引发版本更新的血案(react-router-cache-router缓存组件,react-router-dom5,路由鉴权修改,异步组件修改,hook,@connect)
react实现缓存功能首先React Router 必须确保是 最新版本,因为使用了 new Context,所以必须确保Router 使用相同的 API,之前的项目我们采用的是react-router3.xx版本,想都不用想,这将到这我们的项目中要改一些别人舍弃的东西。。。一、react-router5新版本的router不支持route里面嵌套route,可以放到另一个组件中去配置,这样...原创 2019-12-13 15:01:04 · 3158 阅读 · 0 评论 -
react中路由鉴权
vue.js中有丰富的钩子函数,比如全局前置守卫router.beforeEach,里面做一些判断,权限等。react中的路由鉴权网上有很多大佬分享的丰富的资源,但是在这里我说下我在项目中用到的简单的方式Route 可以定义 onEnter 和 onLeave 两个 hook ,这些hook会在页面跳转确认时触发一次。这些 hook 对于一些情况非常的有用,例如权限验证或者在路由跳转前将一些数...原创 2019-11-21 17:51:30 · 1278 阅读 · 0 评论 -
react中异步加载组件的几种方式(asyncComponent、getComponent、react-async-component、react-loadable)
异步加载组件就是为了解决初始化页面加载慢,这个时候我们应该将代码进行分割,按需加载。一、利用import() 编写 asyncComponent.jses6提供import()函数,它是运行时执行,也就是说,什么时候运行到这一句,就会加载指定的模块。import()返回一个 Promise 对象asyncComponent.jsimport React, { Component } fr...原创 2019-11-20 16:57:44 · 5808 阅读 · 0 评论 -
react中基于ant-Design二次封装分页组件
一、组件中使用import Pagination from '@components/pagination';this.state = { total: 0 //总页数}//初始化时自调用一次,用于请求借口数据componentDidMount() { this.onChangeCurPageOrPageSize(1, 10)}<Pagination to...原创 2019-11-15 15:54:17 · 2065 阅读 · 2 评论 -
react.js开发随手笔记(class、虚拟dom中diff算法、react生命周期、组件传值及redux的中间件、组件分类)
之前一直用vue.js开发项目,上个项目领导要求用react.js开发,不要慌,干它,先说下我开发对比vue的感觉react灵活性大,处理复杂的业务或者说某个地方某个细节处理你想要的都可以用render函数生成vue api丰富,实现功能也比较多,不同的场景绝大多数都有专门的api,react可能需要你自己来处理,各有所长不过vue也能处理复杂的项目,具体情况看自己对技术的掌握程度和业务的复...原创 2019-11-15 11:58:23 · 224 阅读 · 0 评论