如何修复反应中的状态更新？

Question

我正在使用 little state machine 进行状态管理。我有以下状态

export const todoState = { todoList: []  }

现在我使用类似动作的动作来调用它

export const updateTodoList = (state, payload) => {
    return {
        ...state,
        toDoList: {
            ...state.toDoList,
            ...payload
        }
    }
}

调用此操作

 updateToDoList({ id: '1', text:'11', isComplete: 'false })

但是动作仍然没有更新 toDoList 的数组，也没有考虑以前的值。

任何人都可以帮我提供动作更新代码吗？谢谢

Answer 1

1) 打字错误：todoList 而不是 toDoList

2) todoList 是数组而不是对象。所以把它散成一个数组。

3) 因为你传递的是一个对象所以不需要传播它

export const updateTodoList = (state, payload) => {
  return {
    ...state,
    todoList: [
      ...state.todoList,
      payload,        // It will add the payload object into todoList
    ],
  };
};

如何修复反应中的状态更新？

How to fix state updating in react?

javascript

reactjs

redux