Ao clicar no botão, lança um erro no console depois que inseri o State. A nota não aparece e o formulário some.
"Uncaught Error: Objects are not valid as a React child (found: object with keys {title, description}). If you meant to render a collection of children, use an array instead."
Optei por escrever o código em inglês, mas segui exatamente como no curso e não consigo entender a causa do erro. Obrigado.
class App extends Component{
constructor(){
super()
this.state = {
notes: []
};
}
createNote(title, description) {
const newNote = {title, description};
const newArrayNotes = [...this.state.notes, newNote];
const newState = {
notes: newArrayNotes
}
console.log(newState);
this.setState(newState);
}
render() {
return (
<section>
<NotesForm createNote={this.createNote.bind(this)}></NotesForm>
<NotesList notes={this.state.notes}></NotesList>
</section>
);
}
}