redux

Redux是一个应用数据流框架,用于解决组件间的状态共享问题。它基于Flux,但简化了数据流管理,通过单一数据源、只读状态和纯函数修改状态来确保应用状态的一致性。文章探讨了Redux的核心概念,包括action、store和reducer,并详细介绍了工作流程。此外,还讨论了如何处理异步action、如何在React中使用Redux以及在项目中搭建和自定义Redux环境的实际操作。
摘要由CSDN通过智能技术生成

redux相关API

redux中包含: createStore(), applyMiddleware(), combineReducers()
store对象: getState(), dispatch(), subscribe()
react-redux: 
	<Provider store={store}>: 向所有的容器组件提供store
	connect(
		state => ({xxx: state.xxx}),
		{actionCreator1, actionCreator2}
	)(UI组件): 
		产生的就是容器组件, 负责向UI组件传递标签属性, 
		一般属性值从state中获取, 函数属性内部会执行dispatch分发action

3. redux核心概念(3个)

action: 
	默认是对象(同步action), {type: 'xxx', data: value}, 需要通过对应的actionCreator产生, 
	它的值也可以是函数(异步action), 需要引入redux-thunk才可以
reducer
	根据老的state和指定的action, 返回一个新的state
	不能修改老的state
store
	redux最核心的管理对象
	内部管理着: state和reducer
	提供方法: getState(), dispatch(action), subscribe(listener)

4. redux工作流程

在这里插入图片描述

redux 是一个应用数据流框架,主要是解决了组件间状态共享的问题,原理是集中式管理

主要有三个核心方法,action,store,reducer,
工作流程是 view 调用 store 的 dispatch 接收 action ,并将其传入 store,
store内部又悄悄的传给了reducer,reducer内部进行 state 操作,返回最新状态给store,
view 通过 store 提供的 getState 获取最新的数据.

其实redux就是Flux的一种进阶实现。主要区别在于 Flux 有多个可以改变应用状态的 store,
在 Flux 中 dispatcher 被用来传递数据到注册的回调事件,
但是在 redux 中只能定义一个可更新状态的 store,redux 把 store 和 Dispatcher 合并,结构更加简单,它是一个应用数据流框架,主要作用应用状态的管理redux的三大原则
1、单一的数据源
2、state是只读的
3、使用纯函数来进行修改

谈谈你对flux的理解

利用单项数据流的方式来

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值