十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本篇内容主要讲解“redux的基础知识点有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“redux的基础知识点有哪些”吧!
为灵璧等地区用户提供了全套网页设计制作服务,及灵璧网站建设行业解决方案。主营业务为网站设计、成都网站设计、灵璧网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
redux是什么
1.redux是一个专门用于做状态管理的JS库(不是react插件库)。
2.它可以用在react, angular, vue等项目中, 但基本与react配合使用。
3.作用: 集中式管理react应用中多个组件共享的状态。
什么情况下需要使用redux
1.某个组件的状态,需要让其他组件可以随时拿到,可以产生共享情况。
2.一个组件需要改变另一个组件的状态,不仅局限于父子关系,而是一个项目中所有的组件都可以调用这个状态或方法。
3.使用redux原则:能不用就不用, 如果不用比较吃力才考虑使用。通常用于大型项目,组件之间通信较为复杂的情况。小型项目不需要使用可以尽量不用。
redux工作流程
三个核心概念:
1.action(动作的对象)
包含2个属性
type:标识属性, 值为字符串, 唯一, 必要属性
data:数据属性, 值类型任意, 可选属性
例子:{ type: ‘ADD_STUDENT’,data:{name: ‘tom’,age:18} }
2.reducer(用于初始化状态、加工状态)
加工时,根据旧的state和action, 产生新的state的纯函数。
3. store(将state、action、reducer联系在一起的对象)
使用方法
import {createStore} from 'redux'
import reducer from './reducers'
const store = createStore(reducer)
该对象的功能
1)getState(): 得到state
2)dispatch(action): 分发action, 触发reducer调用, 产生新的state
3)subscribe(listener): 注册监听, 当产生了新的state时, 自动调用
redux的核心API
1.createstore()
创建包含指定reducer的store对象
2.store对象
作用: redux库最核心的管理对象
它内部维护着:state和reducer
核心方法:
1)getState()
2)dispatch(action)
3)subscribe(listener)
具体编码:
1)store.getState()
2)store.dispatch({type:‘INCREMENT’, number})
3)store.subscribe(render)
3.applyMiddleware()
应用上基于redux的中间件(插件库)
4.combineReducers()
合并多个reducer函数
到此,相信大家对“redux的基础知识点有哪些”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!