代码之家 › 专栏 › 技术社区 › me-me

使用展开缩小存储形状

redux ecmascript-6 reactjs javascript

me-me · 技术社区 · 6 年前

目前,我的国家正在超越自己。我正在尝试这样做,这样它就不会覆盖数据数组。我需要访问特定的数据索引。数据数组get中的对象是根据组件步骤添加的。但是,当更新发生时,我需要在不改变数据数组的特定索引的情况下进行传播。我怎么能用我得到的来做这个呢?我知道我很亲近。

const initialState = {
      index: 0,
      data: [{}],
    }; 



const reducer = (state = initialState, action) => {
  switch (action.type) {
  case UPDATE: {
      return {
        ...state,
        data: [{
            ...state.data[state.count],
            [action.name]: { value: action.value },
          }],
      };
    }
}

1 回复 | 直到 6 年前

Andrews Gyamfi 6 年前

你是压倒性的 state.data 随时更新。你要找的是这样的东西:

const initialState = {
    index: 0,
    data: [{}],
};

const reducer = (state = initialState, action) => {
    switch (action.type) {
        case UPDATE: {
            return {
                ...state,
                data: state.data.map((value, index) => {
                    if (index === state.count) {
                        return {
                            ...state.data[state.count],
                            [action.name]: { value: action.value },
                        }
                    }
                    return value;
                })
            };
        }
    }
}

推荐文章

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

3 年前

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

3 年前

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 年前