react技术全家桶(47)使用react-redux技术实现多组件通信

本文详细介绍了Redux框架中的核心组件,包括count组件与person组件的具体实现方式。解析了action与reducer的作用及其实现逻辑,阐述了如何通过store统一管理状态,并利用combineReducers整合多个reducer。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

count 组件 有count_action.js count_reducer.js
person组件 有person_action.js person_reducer.js

action文件是定义组件的action对象就是行为 和行为数据 要给reduce使用
如:
在这里插入图片描述
reducer.js文件是一个函数,接受两个参数 一个是之前的状态 一个是action 初始化状态也是在这个文件初始化的 为了实现根据actin中的动作和动作数据 对状态中的数据进行修改
如:
在这里插入图片描述
store.js 全局只有一个 多个reducer.js都要引入到store.js文件中 所有需要导入combineReducers
import {createStore,applyMiddleware,combineReducers} from ‘redux’.

const allReducer = combineReducers({
he:countReducer,(count_reducer.js 抛出的就是一个函数 返回值就是就是一个和值)
rens:personReducer (person_reducer.js 抛出的就是一个函数 返回值就是人的列表)

})

注意啊:combineReducers函数需要的参数就是redux管理的总状态对象

contains如下:
这是语法糖 看46有解释

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值