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

props.itens.map is not a function

Aparentemente fiz tudo corretamente, porém continuo recebendo essa mensagem de erro na minha tela:

Imagem do erro

Esse é meu código:

Imagem do código

Imagem do código

1 resposta
solução!

Oi Pedro, tudo bem contigo?

O erro está ocorrendo porque a propriedade props.itens não é um array. O método map é utilizado para percorrer um array e retornar um novo array com as transformações desejadas. No seu código, você está tentando utilizar o map em props.itens, mas ele não é um array.

E nesse caso o que gerou isso foi essa linha aqui do Form/index.js:

<Dropdown itens="{times}" />

Percebe que você colocou aspas duplas no {times}, então por mais que você tenha feito tudo certo, pelo fato de ter aquelas aspas, o array com os nomes dos times não foi referenciado e sim o foi considerado como um texto "{times}". Para resolver é só tirar as aspas, ou seja, trocar por esse código aqui:

<Dropdown itens={times} />

E pronto, o erro deve desaparecer.

Era isso. Se precisar eu estarei por aqui.

Abraços e bons estudos.

Caso este post tenha lhe ajudado, por favor marque ele como solução! ✓