redux
噢,我明白了
HTML CSS JS 框架 react
展开
-
Redux中间件redux-thunk使用详解
redux-thunk主要用于处理reducer无法处理的异步1.什么是异步?同步:就是指前一个任务完成之后在继续执行下一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。异步:每一个任务有一个或多个回调函数(callback),前一个任务结束后,不执行下一个任务,而是执行回调函数,后一个任务不等前一个任务结束就执行,所以程序的执行顺序与任务的排列顺序是不一致的、异步的。2.异步通常会发生在比较复杂的功能使用中axios请求接口数据接口数据返回则为异步。原创 2023-04-21 13:54:35 · 1702 阅读 · 1 评论 -
react-redux的connect详解
mergeProps如果不指定,则默认返回 Object.assign({}, ownProps, stateProps, dispatchProps),顾名思义,mergeProps是合并的意思,将state合并后传递给组件。connect函数是核心既然是函数,那就有返回值,connect()返回值是Connect组件,通俗点理解,使用connect可以把state和dispatch绑定到react组件,使得组件可以访问到redux的数据。传入所有state,返回指定的state数据。原创 2023-01-30 19:43:34 · 2037 阅读 · 0 评论 -
react-redux的基本使用
1.首先创建了一个redux文件夹,里面包括了三个文件。在index.js包裹provider。原创 2022-08-08 23:21:08 · 210 阅读 · 0 评论 -
redux应用加减求和功能demo
redux工作原理图1.去除Count组件自身的状态count组件为我们需要使用的求和组件2.src下建立redux文件,redux内部创建store以及reducer等等:-redux: -store.js -count_reducer.js -count_action.js -constant.js 3.store.js文件中:1).引入redux中的createStore函数,创建一个store2).createStore调用时要传入一个为其服务原创 2021-12-15 15:07:46 · 1142 阅读 · 1 评论 -
初识redux
首先,附上学习文档,有兴趣的朋友可以认真看着文档学习,此篇内容只做redux精简介绍。一.学习文档1.英文文档: https://redux.js.org/2.中文文档: http://www.redux.org.cn/二.redux是什么1.redux是一个专门用于做状态管理的JS库(不是react插件库)。2.它可以用在react, angular, vue等项目中, 但基本与react配合使用。3.作用: 集中式管理react应用中多个组件共享的状态。三.什么情况下需要使用redux原创 2021-12-14 21:33:09 · 1148 阅读 · 0 评论