Reactjs 为什么redux状态会改变另一个状态?

Reactjs 为什么redux状态会改变另一个状态?,reactjs,redux,Reactjs,Redux,谁能解释为什么当我改变另一种状态(例如语言)时,redux商店文章(数组)中的状态会破坏 下面是关于它的两个截图。 行动/语言 import { SWITCH_LANG } from '../types'; // switch Language export const setlocale = (lang) => (dispatch) => { localStorage.devsLang = lang; dispatch(setLocaleDispatc

谁能解释为什么当我改变另一种状态(例如语言)时,redux商店文章(数组)中的状态会破坏 下面是关于它的两个截图。

行动/语言

    import { SWITCH_LANG } from '../types';

// switch Language
export const setlocale = (lang) => (dispatch) => {
    localStorage.devsLang = lang;
    dispatch(setLocaleDispatch(lang))
}

export const setLocaleDispatch = (lang) => ({
    type: SWITCH_LANG,
    lang
})
减速器/语言

import { SWITCH_LANG } from '../types';

export default function locale(state = { lang: "en" }, action = {}) {
    switch(action.type) {
        case SWITCH_LANG:
            return { lang: action.lang }
        default:
            return state;
    }
}

您覆盖了您的状态。您需要复制现有状态并添加新值。按以下方式使用或更换:

Object.assign({}, state, { lang: action.lang } )
更多信息

减速机/文章

import { createSelector } from 'reselect';
import { ADD_NEW_ARTICLE, GET_ALL_ARTICLES, GET_ONE_ARTICLE } from '../types';

export default function article(state = {}, action = {}) {
    switch(action.type) {
        case ADD_NEW_ARTICLE:
            return action.article
        case GET_ALL_ARTICLES:
            return action.articles
        case GET_ONE_ARTICLE:
            return action.oneArticle
        default:
            return {};
    }
}

export const articlesHashSelector = state => state.article;

export const articlesSelector = createSelector(
    articlesHashSelector,
    hash => Object.values(hash)
);

redux记录器屏幕截图

我可以看出,您返回了一个文章数组,检查获取所有文章的有效负载操作

case GET_ALL_ARTICLES: 
   return action.articles

因此,基本上,您正在改变文章状态。从对象到数组

请添加最少的代码。这不会让你得到答案哪一个?减少物品?是的,减少物品。