dva
业火之理
这个作者很懒,什么都没留下…
展开
-
【dva】dva使用与实现(七)
前言本篇通过学习dva-immer来实现_handleAction钩子和onError钩子dva-immer先安装看用法:cnpm i dva-immer -S顺便说一下,dva目前npmjs下的是2.41,2.5和2.6都是beta版本,去发布网址查看。dva-immer版本没对上的话安装可能提示需要的dva版本不对。不过没关系,这个不影响。我们在reducer里常常会这...原创 2020-02-01 13:58:47 · 4920 阅读 · 0 评论 -
【dva】dva使用与实现(六)
前言接上篇,这次是extraEnhancersextraEnhancersextraEnhancers其实相当于外部中间件,我们通过学习一个持久化插件来学习它。前面我们持久化是利用onStateChange钩子当状态发生变更就写入localStorage,而取出数据使用initialState传入。有个插件叫redux-persist可以实现持久化。先安装,然后看如何使用:c...原创 2020-01-31 00:42:37 · 2814 阅读 · 0 评论 -
【dva】dva使用与实现(五)
前言接上篇,这篇实现onReducer钩子。利用onReducer实现redux-undo记得前面实现了个钩子叫extraReducers,extra顾名思义是额外的reducer,自己添加的新的处理逻辑。而这个onReducer是增强reducer,类似于reducer中间件的感觉。并不是增加额外的reducer。先看一个插件叫redux-undo。这个插件可以让状态有时间旅行的功...原创 2020-01-29 21:30:05 · 2221 阅读 · 0 评论 -
【dva】dva使用与实现(四)
上一篇说的dynamic,这一篇实现onAction和onStateChage。原创 2020-01-28 20:12:17 · 1435 阅读 · 5 评论 -
【dva】dva使用与实现(三)
前言第一篇是基本应用与初步实现,第二篇是dva-loading实现,顺便实现了2个钩子。这篇讲dynamic。dynamicdynamic可以解决组件动态加载问题先看使用:import dynamic from 'dva/dynamic'const DynamicPage = dynamic({ app, models: () => [import('....原创 2020-01-22 09:34:24 · 10020 阅读 · 4 评论 -
【dva】dva使用与实现(二)
前言很多东西看起来复杂,实际弄一遍感觉简单,主要还是自己懒。接上篇dva-loading这个是一个全局性质的loading状态变化。一般我们写个组件变化之类的都会在父组件上定义个状态,然后满足状态条件就渲染特定的东西。这个loading把这些变成全局可用。不需要每次都写了。实际是我们在派发一个异步动作前后,这个插件会派发它自己的action,从而更改loading状态。工作模式...原创 2020-01-19 23:43:50 · 780 阅读 · 1 评论 -
【dva】dva使用与实现(一)
前言很多东西越到后面越复杂,越复杂的东西自己越懒得动手,或者懒得写,每次都是逼着自己写。我这人比较无聊的专门下了个守望先锋玩了把,感觉有点无聊,dva就相当于王者荣耀的坦克,就是带技能的射击游戏,可能我周围没啥人玩这游戏所以一个人玩觉得很无聊吧。。。dva官网这么说的:Dva 是基于 React + Redux + Saga 的最佳实践沉淀, 做了 3 件很重要的事情, 大大提升了编...原创 2020-01-17 13:58:16 · 4385 阅读 · 2 评论