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

[Sugestão] Gerar IDS com lista vazia

Se você está com erro no seu projeto pois está usando uma lista vazia, o problema dele é por conta do ID, já que não estamos passando nenhum ele não consegue atribuir também. Para contornar esse erro faça algumas alterações:

const Formulario = ({aoCadastrar, times, cadastrarTime}) => {

    const id = uuidv4()
    const [nome, setNome] = useState('')
    const [cargo, setCargo] = useState('')
    const [imagem, setImagem] = useState('')
    const [time, setTime] = useState('')
    const [nomeTime, setNomeTime] = useState('')
    const [corTime, setCorTime] = useState('')


    const aoSubmeter = (evento) => {
        evento.preventDefault()
        console.log('form enviado', id, nome, cargo, imagem, time )
        aoCadastrar({
            id, 
            favorito: false,
            nome,
            cargo,
            imagem,
            time
        })
    }

No seu const Formulario coloque o id ali direto, junto do uuid() e dps colque o id na função aoCadastrar.

1 resposta
solução!

Olá Isaias! Tudo bem?

Obrigada por compartilhar sua sugestão conosco. Realmente, quando estamos trabalhando com listas vazias em React e não passamos um ID, podemos ter problemas na atribuição desse ID.

A solução que você propôs, de utilizar a biblioteca uuid para gerar um ID único e passá-lo diretamente na função aoCadastrar, é uma ótima alternativa para contornar esse erro.

Um abraço e bons estudos.