Reactjs 为什么redux状态会改变另一个状态?
谁能解释为什么当我改变另一种状态(例如语言)时,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
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
因此,基本上,您正在改变文章状态。从对象到数组请添加最少的代码。这不会让你得到答案哪一个?减少物品?是的,减少物品。