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'

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)

最后

以上就是辛勤裙子为你收集整理的redux-react多组件进行数据共享的全部内容，希望文章能够帮你解决redux-react多组件进行数据共享所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。