问题描述
我想知道，如何更新状态中的特定值。 我有状态配置，我想更新“偏移”值而不修改限制或总值，只需使用this.props.setParams（）设置新的偏移即可。
使用此功能，我想修改offset this.props.setParams（{offset：10}），或限制this.props.setParams（{limit：40}），依此类推...只需发送一个参数并直接修改准国家。
searchList.js
this.props.setParams({ offset: 10})
行动，search.js
export function setFilters(newFilters) {
return {
type : SEARCH.SET_NEW_FILTERS,
payload: newFilters
};
}
export function setParams(newParams) {
return {
type : SEARCH.SET_NEW_PARAMS,
payload: newParams
};
}
减速器search.js
...
/*State : CONFIG*/
/*config: {
filters : {
...
}
params: {
offset: 0,
limit: 25,
total: 100
}
}*/
case SEARCH.SET_NEW_FILTERS :
let newFilters = action.payload;
return {
...state,
config: {
...state.config,
filters : {
...state.config.filters,
newFilters
}
params : {
...state.config.params
}
}
};
case SEARCH.SET_NEW_PARAMS :
let newParams = action.payload; // {offset: 10}
return {
...state,
config: {
...state.config,
filters : {
...state.config.filters
}
params : {
...state.config.params,
newParams
}
}
};
....
现在，我必须这样写：
return {
...state,
config: {
...state.config,
params : {
...state.config.params,
offset : newParams.offset
}
}
};
我的减速器中如何有更多的“泛型”产品？ 没有指定特定的属性，但是更具全局性。
只需在我的动作创建者中发送一个对象“ params”，例如：this.props.setParams（{offset：30，total：120}）？
1楼
实际行为
您的代码正在添加newFilters和newParams作为属性。
这样，您将必须按以下方式访问offset ：
state.config.params.newParams.offset
解
要直接使用这些新的过滤器或参数
state.config.params.offset
您应该在扩展newFilters使用 ...传播newFilters和newParams ：
filters : {
...state.config.filters,
...newFilters
}
和
params : {
...state.config.params,
...newParams
}
传播语法将增加（或更换）的有效载荷，内性能newFilters和newParams ，要的属性state.config.filters和state.config.params分别。
改进
为了简化您的减速器，您可以直接传播action.payload并删除一些可能不必要的传播：
行动，search.js
...
case SEARCH.SET_NEW_FILTERS :
return {
...state,
config: {
...state.config,
filters : {
...state.config.filters,
...action.payload
}
}
};
case SEARCH.SET_NEW_PARAMS :
return {
...state,
config: {
...state.config,
params : {
...state.config.params,
...action.payload
}
}
};
...