温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

redux的基础知识点有哪些

发布时间:2022-03-25 10:56:22 来源:亿速云 阅读:114 作者:iii 栏目:web开发

本篇内容主要讲解“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的基础知识点有哪些”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI