随笔分类 -  Redux

学习笔记，方便快速查找
immutable保证store state数据不可直接修改
摘要：一、作用 新手使用state时候，容易错误的直接更改state数据，在redux中这是不被允许的。Immutable 来解决这个问题。 Immutable Data 就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。 阅读全文
posted @ 2019-12-23 11:14 盛俊勇 阅读(812) 评论(0) 推荐(0)
拆分reducer，combineReducers
摘要：一个网站上的功能非常多，代码量很大，但是一个文件上的代码超过300行，说明设计有问题。 reducer中，初始化数据在里面，数据操作也在里面，一个大型网站的操作数据都很多，如果都放在reducer中，必然代码非常多，就会造成不可维护性。 reducer好比一本图书查询手册，当手册内容太多，我们就可以 阅读全文
posted @ 2019-12-22 20:01 盛俊勇 阅读(310) 评论(0) 推荐(0)
Redux-DevTools安装
摘要：去谷歌应用商店搜索Redux-DevTools，安装就行 高级使用方法：访问https://github.com/zalmoxisus/redux-devtools-extension import {createStore,compose} from "redux" import reducer 阅读全文
posted @ 2019-12-22 17:07 盛俊勇 阅读(978) 评论(0) 推荐(1)
4.Redux学习4----react-redux
摘要：react-redux是配合redux一起使用的，其中核心组件是Provider Provider是store的提供器，用Provider则store就无需直接引入组件内，而且还可以将一个store公共存储数据区域提供给多个组件 注意一下：之前store相关api导入的是redux, 而Provid 阅读全文
posted @ 2019-12-21 13:20 盛俊勇 阅读(278) 评论(0) 推荐(0)
3.Redux学习3----redux-saga
摘要：redux-saga和redux-thunk功能差不多，都是为了避免直接在组件生命周期函数中做异步操作，便于自动化测试，便于拆分管理。 首先要下包 npm i redux-saga 第零步：在actionCreators中，创建一个action的函数，这个action无需value，只需要一个类型就 阅读全文
posted @ 2019-12-20 16:56 盛俊勇 阅读(289) 评论(0) 推荐(0)
2.Redux学习2----redux-thunk
摘要：UI组件：只展示UI，不处理业务逻辑，又称傻瓜组件，因为只需要展示UI，没有状态，我们通常用函数组件（无状态组件）作为UI组件 容器父组件：只处理业务逻辑，不展示UI，又称聪明组件 redux-thunk中间件：中间件是指在action与store之间实现某种功能的插件,thunk插件可以让异步操作 阅读全文
posted @ 2019-12-20 11:52 盛俊勇 阅读(272) 评论(0) 推荐(0)
1.Redux学习1，Redux
摘要：Redux流程图如上： Action就是一条命令 Store顾名思义就是存储数据的， Reducers是一个回调函数用于处理数据，它处理完数据会返回给Store存储起来 基本流程就是：组件中用Store.dispach(action), 告诉Store要更新的数据，Store无法直接处理，而是将原本 阅读全文
posted @ 2019-12-19 10:01 盛俊勇 阅读(258) 评论(0) 推荐(0)