Boa tarde. queria saber por que quando coloquei o <h2>{nota}</h2>
no ListaDeNotas.js retorna esse erro
Uncaught Error: Objects are not valid as a React child (found: object with keys {titulo, texto}). If you meant to render a collection of children, use an array instead
The above error occurred in the <h2> component:
at h2
at li
at ul
at ListaDeNotas (http://localhost:3000/main.5f7bd266a2ea12dbeebe.hot-update.js:28:1)
at section
at App (http://localhost:3000/static/js/main.chunk.js:167:5)
Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
Uncaught Error: Objects are not valid as a React child (found: object with keys {titulo, texto}). If you meant to render a collection of children, use an array instead.
Já quando coloco <h2>{nota.titulo}</h2>
, <h2>{nota.texto}</h2>
ou <h2>{nota.algumaCoisa}</h2>
, funciona normalmente. Também queria saber por que mesmo chamando com o argumento nota
um atributo que nem existe por exemplo <h2>{nota.algumaCoisa}</h2>
não retorna nenhum erro.