Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Duvida sobre chamada de atributo

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.

LEMBRANDO QUE OS ERROS FORAM BEM MAIORES PORÉM PEGUEI SOMENTE O TITULO DE CADA UM POIS A PLATAFORMA DISPONIBILIZA UMA QUANTIDADE LIMITADA DE CARACTERES

1 resposta
solução!

Fala Marco, tudo bem?

O erro acontece pois o React não aceita objetos como valores filhos, que foi o que você tentou fazer, sendo que nota é um objeto e não uma string, e quando você acessa nota.titulo ou nota.texto irá retornar uma string, mesmo que esse atributo não existe o retorno será undefined que ainda sim é uma string.

Espero ter ajudado, bons estudos :D