redux-react多组件进行数据共享

一：数据共享说明

1. 定义一个Person组件，和Count组件通过redux共享数据
2. 为Person组件编写：reducer，action，配置constant常量
3. 重点：Person的reducer和Count的Reducer要使用combinReducers进行合并
4. 交给store的是总reducer，最后注意在组件中取出状态的时候，记得“取到位”

二：举个例子，count组件和person组件间进行数据共享

首先，需要定义一个在原组件的基础上再定义一个Person组件，配置reducer和action以及constant常量
点击按钮，Person组件页面上新增一个人的信息

src---->constant.js

/* 
    该模块是用于定义action对象中type类型的常量值,目的只有一个，便于管理的同时，防止出现拼写错误的情况
*/
export const INCREMENT='increment'
export const DECREMENT='decrement'
export const ADD_PERSON='add_person'
1
2
3
4
5
6

src----->redux---->reducers---->person.js

import {
   ADD_PERSON} from '../constant'
// 初始化人的列表
const initState=[{
   name:'xiaoxiao',age:18,id:'001'}]

export default function personReducer(preState=initState,action){
   
    const {
   type,data}=action
    switch(type)
1
2
3
4
5
6
7
8
9
10