Tengo el siguiente componente que hace parte de un todo list Deseo actualizar el estado cuando el usuario añade una nueva tarea. Sin embargo, me aparece el siguiente error:
"TypeError:Invalid attempt to spread non-iterable intance".
Este es mi código:
this.state = {
textInputValue: "",
todos: [
{ text: "buy me a Frontend masters Course", key: 1 },
{ text: "buy me frontend books", key: 2 },
{ text: "buy me a new chair", key: 3 }
]
};
addNote() {
this.setState(prevState => ({
todos: [
...prevState,
{
text: this.state.textInputValue,
key: (this.state.todos.length + 1).toString
}
]
}));
}
Alguien podría darme una ayuda?, gracias
...prevState
por...prevState.todos