代码之家 › 专栏 › 技术社区 › mobiman

React-Native:指定要在reducer中修改的数组项(使用React不变性帮助程序)

reducers immutability redux react-native arrays

mobiman · 技术社区 · 7 年前

我当前正在导入此库:

import update from 'react-addons-update';

以下是我的列表:

[{id:1,标题:“一些标题”},{id:2,标题:“一些其他标题”}]

我的行动:

行动类型:“change\u title”
行动有效载荷:[2,“一些新标题”]

作用中的第一个参数。有效载荷是指 身份证件 我要更改的阵列的

这是我的减速机代码:

export default (state = [], action) => {
  switch (action.type) {
    case 'change_title':
      return update(state, {
        0: {
          title: { $set: action.payload[1] }
        }
      });
    default:
      return state;
  }
};

如您所见,在当前状态下,我的reducer函数总是更改中的“标题”值 第一个阵列 ,但我想知道:如何根据“id”值指定要修改的数组?

1 回复 | 直到 7 年前

Anthony 7 年前

我认为,你至少可以用两种方式做到这一点。首先,使用 update() ,您需要使用查找要更新的项的索引 Array.prototype.findIndex() :

const index = state.findIndex(x => x.id === action.payload[0]);

case 'change_title':
  return update(state, {
    [index]: {
      title: { $set: action.payload[1] }
    }
  });

或仅使用地图:

case 'change_title':
    return state.map(item ==> {
        if(item.id !== action.payload[0]) {
            return item;
        }

        return {
            ...item,
            title: action.payload[1]
        };
    });

推荐文章

zuZuu · React Redux-无法设置未定义的属性(设置“value”)

2 年前

universe11 · 对伊默来说,这是正确的还是错误的?

2 年前

Huy282002 · 将redux toolkit与JS一起使用时,不能跳过在CreateSicle()中键入状态

3 年前

Mistakamikaze · React Redux |在全局Redux状态之前更新本地状态

3 年前

Kiv Daor · 当某些项具有未知值时,排序数组无法正常工作

3 年前

Chong Lip Phang · 不变性检查中间件在Redux工具包中做什么?

3 年前

geyser · React Redux toolkit-输入字段的状态管理

3 年前

Avishay Matayev · 正在获取redux的connect HOC的包装组件类型,以便与React一起使用。在不重新导入的情况下重新创建对象

3 年前

Hamed Ezati · 为什么项目会附加到redux而不是替换?

3 年前

Arash jahan bakhshan · redux未使用React 18重新呈现组件

3 年前