Question

谁可以解释为什么在redux商店文章（数组）状态破坏我改变另一个状态（例如语言）这是关于它的2个截图。 first screenshot

动作/语言

    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;
    }
}

one more screenshot from redux-logger

Answer 1

你覆盖你的州。您需要复制现有状态并添加新值。使用Object.assign或spread operator，如下所示：

Object.assign({}, state, { lang: action.lang } )

更多信息here

Answer 2

减速器/条

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)
);

Answer 3

来自 redux-logger 屏幕截图

我可以告诉您返回数组文章，检查 GET_ALL_ARTICLES 操作的有效负载

case GET_ALL_ARTICLES: 
   return action.articles

所以基本上你正在改变文章状态。从对象到数组

为什么redux州改变另一个州？

3 个答案: