前端学习之Redux

本文详细介绍了前端开发中的Redux框架,包括Action、Reducer和Store的概念及作用。Action作为状态变化的描述,Reducer负责响应Action更新状态,而Store则作为连接组件和状态的容器。通过创建和使用Store,开发者可以有效地管理和更新应用的状态。
摘要由CSDN通过智能技术生成

前端学习之Redux

下面我将对我学习的Redux进行介绍,如有误解请多多指教。
官网介绍

理解Redux

Web应用是一个状态机,视图和状态是一一对应的。
Redux将所用状态保存在一个对象store中,提供一些方法来触发状态改变来改变视图。其中最主要的三个模块是ActionReducerStore

Action

Action 为‘动作’,描述了事情的发生。
定义方法如下,实际是一个对象,但必须要有type属性来描述Action的名称。它携带的信息是字符串‘learn-redux’为可选属性,其余字段可以自己定义,但尽量减少在Action中传递数据。

const action={
   
	type: 'ADD_TODO',
	payload: 'learn-redux'
}

由于每次都手动定义一个Action比较麻烦,也可以写一Action生成器Creator

function addTodo(text){
   
	return {
   
		typ
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值