React---Redux（四）

最新推荐文章于 2019-05-30 17:59:04 发布
最新推荐文章于 2019-05-30 17:59:04 发布
阅读量157 收藏
点赞数
分类专栏： React
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40442981/article/details/90693691
版权

reducer知识补充

  • store是唯一的不可有重复的
  • 只有store能更改自己的内容（reducer不能更改state数据）
  • reducer必须是个纯函数
  • 纯函数是指 给定固定的输入 就会有固定的输出，而且不会有副作用（固定是指固定值 例如 new Date()就不是个固定值）

reducer的API

  • createStore 创建一个store
  • store.dispatch 组件用来向store传递action
  • store.getState组件向store获取state数据信息
  • store.subscribe 订阅store的状态 只要store发生变化 该方法会追踪到且可以调用回调函数做相应的处理
RGirl8080
关注
专栏目录
react-redux-9.0.0-alpha.0.zip
08-31
Redux 的官方 React 绑定。​​高性能且灵活。 Official React bindings for Redux. Performant and flexible.
一起学习造轮子（二）：从零开始写一个Redux
weixin_33720452的博客
06-21 78
本文是一起学习造轮子系列的第二篇，本篇我们将从零开始写一个小巧完整的Redux，本系列文章将会选取一些前端比较经典的轮子进行源码分析，并且从零开始逐步实现，本系列将会学习Promises/A+，Redux，react-redux，vue，dom-diff，webpack，babel，kao，express，async/await，jquery，Lodash，requirejs，lib-flexi...
react-redux-6.0.0-beta.1.zip
08-31
Redux 的官方 React 绑定。​​高性能且灵活。 Official React bindings for Redux. Performant and flexible.
react-redux-9.1.1.zip
最新发布
08-31
Redux 的官方 React 绑定。​​高性能且灵活。 Official React bindings for Redux. Performant and flexible.
react-redux-9.1.2.zip
08-31
Redux 的官方 React 绑定。​​高性能且灵活。 Official React bindings for Redux. Performant and flexible.
react-redux-9.0.3.zip
08-31
Redux 的官方 React 绑定。​​高性能且灵活。 Official React bindings for Redux. Performant and flexible.
React---Redux（三）actionType拆分
RGirl8080的博客
05-30 2368
为何要将action.type拆分出来呢 首先当action.type不拆分的话在组件中的actionType要对应到reducer里的actionType，并且一模一样 当你操作时type如果差一个字符是不会执行Reducer的action的 且控制台不会报错。所以要把actionType拆分出来 当做变量引入时，当你输入错误，控制台会报错。这时查找原因会非常容易。 首先先将action...
React--Redux（七）中间件的原理
RGirl8080的博客
05-30 442
redux中间件的原理 其实就是dispatch针对action的类型做处理 ，然后再传给store
React---动画效果
RGirl8080的博客
05-29 336
react中实现一些动画的效果有两种方法 第一种：利用变量和css做切换 第二种：react-transition-group GitHub官网相关解释文档 既可以单个元素动画 也可以多个元素和组件使用动画效果 ...
React---Redux（八）中间件saga
RGirl8080的博客
05-30 327
如何安装使用sage 安装命令 npm install --save redux-saga 当安装好后 先创建一个saga文件，然后按照github官网文档进行引入 先引入redux-saga然后创建sagaMiddleware 接着创建saga文件 并引入redux文件中来。然后让sagaMiddleware运行这个文件 创建sage脚本文件时 先引入redux-saga/e...
react-组件之间的传参
RGirl8080的博客
05-28 316
父向子传参 父组件向子组件传参时用属性的方式传递 子组件接收的时候用props调用 子组件不能直接改父组件的变量值 父组件实例如下： import React,{Component,Fragment}from 'react' import TodoItemList from './TodoItemList' class TodoList extends Component{ const...
react-2
RGirl8080的博客
05-28 192
react新的编程思想feacebook 2003年5月推出。 react.filber是指16版本后 react与vue区别： react更适合复杂度高的 vue更好上手 `在这里插入代码片` ** 组件化定义 import React from 'react'; // function App() { // return ( // <div...
React---Redux(六)中间件 thunk
RGirl8080的博客
05-30 183
为什么使用中间件 thunk呢 首先我们在做异步请求时，通常把ajax请求放在生命周期中，缺点是，第一如果请求多会造成代码臃肿，第二是放在生命周期中时，做前端自动化测试时会很麻烦，且不提高性能；例如： 使用redux-thunk中间件会有什么好处呢 当我们使用redux-thunk时我们可以把异步回调放在actionCreator.js中统一管理 ，这时创建一个方法传递给store可以...
React---Redux (五)中间件 thunk的使用
RGirl8080的博客
05-30 173
如何使用thunk呢 首先先引入thunk npm install redux-thunk 然后在store中引入redux的thunk插件 就可以了正常使用了。 import { createStore, applyMiddleware } from 'redux'; import thunk from 'redux-thunk'; import reducer from './re...
React---生命周期函数
RGirl8080的博客
05-29 169
生命周期的含义：是指某一个时刻组件会自动调用执行的函数 React生命周期分为4个大项 一、数据初始化 当创建页面时先调用的就是construction这个构造函数 在这个函数中props或state的变量将初始化。但construction是es6中的语法所以它不能当做react的生命周期函数 constructor(props) { super(props);...
React--思维模式
RGirl8080的博客
05-29 156
当组件的state或者props发生改变时，render函数就会重新被执行。 当父组件的render重新被执行时 子组件也会被重新执行一次 React的虚拟Dom的含义
React---Redux（一）
RGirl8080的博客
05-29 147
Redux概念 Redux=Reducer+Flux redux把所有数据放在store来管理，组件会自动感应到store的数据变化，从而进行传值 Redux工作流 首先我们将store比喻成图书管理员 reducers比如成图书馆 或者仓库。当你提出要取哪个变量时stroe要去操作reducers然后返回出一个新的数据信息出来。最后你拿到这个新的state会去做相应的变化 ...
React----组件优化
RGirl8080的博客
05-30 135
在recat中可以将所有页面划分成一个个组件 方便管理和渲染 一般组件也分为三大类： - UI组件 - 容器组件 - 无状态组件 UI组件又叫做傻瓜组件，一般主要负责页面渲染，不负责数据操作。 容器组件 就是只负责数据操作不负责页面渲染 无状态组件是指只有render一个生命周期 则可以改为函数来渲染 提高性能。 左侧是容器组件 右侧是UI组件。 又可以将UI组件转化为...
Redux、React-Redux与Redux-Saga精华总结
"redux、react-redux、redux-saga的总结" Redux是JavaScript应用程序的状态管理库，尤其常用于React应用。它提供了“可预测化的状态管理”机制，使得在大型项目中，管理和跟踪应用的状态变得简单而有序。Redux的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值