![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Redux
文章平均质量分 67
___Alive___
努力的学,然后骄傲的活着。
展开
-
Redux之react-redux简单项目入门
一:效果图二:目录结构 注意:已经安装了react官方脚手架(进行修改)三:相关代码1:index.jsimport React from 'react'; import ReactDOM from 'react-dom'; import TodoList from './TodoList'; //第一步 import {Provider} from 'react-redux';/...原创 2018-07-10 19:46:17 · 770 阅读 · 0 评论 -
Redux之react的简单入门项目及其优化
注意:此Demo使用了react官方脚手架和antd 一:目的 在react中组件与组件之间的通信很麻烦,于是借用redux进行第三方的通信 通过把数据存储在store里,实现各个组件间快速通信 二:工作流程 or 注:store是一个联系和管理。具有如下职责 维持应用的state; 提供getState()方法获取 state 提供dispa...原创 2018-07-08 14:48:34 · 1101 阅读 · 0 评论 -
Redux之redux-actions的使用
1:作用: 当我们的在开发大型应用的时候,对于大量的action,我们的reducer需要些大量的swich来对action.type进行判断。 redux-actions可以简化这一烦琐的过程,它可以是actionCreator,也可以用来生成reducer, 其作用都是用来简化action、reducer。 主要函数有createAction、createAct...原创 2018-07-16 17:15:44 · 6486 阅读 · 0 评论 -
Redux之使用redux-thunk进行ajax请求发送
1:中间件流程图 2:Redux-thunk作用: 简单说:当组件中有复杂的异步请求时,为了减少组件的复杂程度 把异步请求使用此中间件放在actionCreator.js中 3:使用之前 使用之前是在组件内进行数据请求 store/index.js //store.js import {createStore,applyMiddleware} from 'redu...原创 2018-07-16 20:03:36 · 3742 阅读 · 0 评论