Actualmente estoy aprendiendo useReducer y trato de convertir useState a useReducer en la aplicación de tareas pendientes. Mi problema :

1. TOGGLE_TODO no puede actualizar el valor al hacer clic.

 case TOGGLE_TODO: let targetId = todoItem[action.index]; let newTodo = [...todoItem]; return (newTodo[targetId].completed = !newTodo[targetId].completed);

 <button value={index} onClick={(event) => dispatch({ type: TOGGLE_TODO, index: event.target.value, }) } > {todo.completed ? "done" : "pending"} </button>

2. UPDATE_TODO, no tengo ni idea de cómo convertir esto a useReducer. ¿Puedo convertir esto también? Aquí está mi código usando useState.

 const onUpdate = (e) => { const target = e.currentTarget.value; const todoTarget = todoItem[target].name; setInput(todoTarget); setTodoIndex(target); };

Y aquí está mi codesandbox para el código completo. usando useState y usando useReducer