在匹配reducer中的项时使用新的键和值修改reducer对象的值,可以通过以下步骤实现:
const UPDATE_VALUE = 'UPDATE_VALUE';
const updateValue = (key, value) => {
return {
type: UPDATE_VALUE,
payload: {
key,
value
}
};
};
const initialState = {
key1: value1,
key2: value2
};
const reducer = (state = initialState, action) => {
switch (action.type) {
case UPDATE_VALUE:
return {
...state,
[action.payload.key]: action.payload.value
};
default:
return state;
}
};
在上述代码中,使用了ES6的对象扩展语法来创建一个新的状态对象,并使用[action.payload.key]来动态设置新的键和值。
store.dispatch(updateValue('newKey', 'newValue'));
上述代码将分发一个updateValue动作,并传递新的键和值作为参数。
总结:通过定义新的动作类型、创建动作对象、在reducer中匹配动作类型并更新reducer对象的值,可以实现在匹配reducer中的项时使用新的键和值修改reducer对象的值。
腾讯云相关产品推荐:在云计算领域,腾讯云提供了丰富的产品和服务,例如云服务器、云数据库、云存储等。具体推荐的产品和产品介绍链接地址可以参考腾讯云官方网站。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云