Atualizar valor único na matriz de itens | reagir redux
Eu tenho uma lista de tarefas e quero definir o estado desse item na matriz para "concluir" se o usuário clicar em "concluir".
Aqui está a minha ação:
export function completeTodo(id) {
return {
type: "COMPLETE_TASK",
completed: true,
id
}
}
Aqui está o meu redutor:
case "COMPLETE_TASK": {
return {...state,
todos: [{
completed: action.completed
}]
}
}
O problema que estou tendo é que o novo estado não possui mais o texto associado a esse item no item selecionado e o ID não está mais lá. Isso ocorre porque estou substituindo o estado e ignorando as propriedades anteriores? Meu item de objeto onload fica assim:
Objecttodos: Array[1]
0: Object
completed: false
id: 0
text: "Initial todo"
__proto__: Object
length: 1
__proto__: Array[0]
__proto__: Object
Como você pode ver, tudo o que quero fazer é definir o valor concluído como true.