代码之家 › 专栏 › 技术社区 › The Walrus

如何在redux中修改对象属性?

redux reactjs javascript

The Walrus · 技术社区 · 7 年前

试图创建一个非常简单的redux todo,几乎就要完成了,但在一件事上卡住了。

export const completeTodo = (todo) => ({
  type: 'COMPLETE_TODO',
  data: {
    name: todo,
    complete: !todo.complete
  }
})

然而,我很难让减速机工作,因为我无法确定我工作的确切对象

减速器:

case 'COMPLETE_TODO': {
   const chore = { ...state.chores, complete: action.data.complete}
   return { ...state.chores, chore };
}

初始状态为:

const initialState = {
  chores: [{name: 'cleaning', complete: false}]
}

显然,当我点击我的按钮时,它应该被连接起来,这样它就可以将完整的布尔值更改为相反的值,但只针对要做的那一个

1 回复 | 直到 7 年前

Yury Tarabanko 7 年前

由于您有一个阵列,因此需要将其替换为新阵列

case 'COMPLETE_TODO': {
      return {
        ...state,
        chores: state.chores.map(chore => 
         chore.name === action.data.name
         ? {...chore, complete: true /* or !chore.complete if you want toggle like behaviour*/}
         : chore)
      };
    }

在你的行动中,造物主

export const completeTodo = (todo) => ({
  type: 'COMPLETE_TODO',
  data: {
    name: todo.name // assumning names are unique
  }
})

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

3 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Alex · 在轻量级中同时解构和不解构变量

3 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

3 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

3 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

3 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

3 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前