1
resposta

[Sugestão] Valor inicial do select

Para resolver o valor inicial do dropdown sendo vazio, e só alterando quando o usuário selecionasse novamente, consegui resolver definindo o estado inicial do select como o primeiro item da lista dos times:

Pedaço do código desenvolvido no curso, mostrando os useStates usando para o formulário

No meu caso, o primeiro item estava sendo o Front-end. Se o usuário fosse front-end, ele não ia selecionar por já estar marcado, mas o valor enviado seria vazio. Agora, se o usuário não precisar alterar a primeira opção da lista, o envio do formulário funcionará corretamente com a primeira opção! E continuará funcionando mesmo que a primeira opção da lista mude.

Atualizando:

Para essa abordagem, também precisamos alterar o valor do setTime, quando os campos do formulário são limpos, para o mesmo valor inicial. Caso contrário, após adicionar o primeiro colaborador, e o formulário for limpo, o valor inicial será vazio, e ao tentar adicionar um outro colaborador, sem selecionar o primeiro item, ele não aparecerá.

Pedaço do código desenvolvido no curso, mostrando as funções set do useState, sendo usadas para limpar os valores do estado

1 resposta

Oii, Samad! Tudo bem?

Parabéns por encontrar uma solução para resolver o seu problema! Usar essa abordagem de definir o estado incial do select como primeiro item da lista é uma boa prática, dessa forma, é uma garantia que sempre haja um valor selecionado.

Certamente sua sugestão ajudará outras pessoas que estejam estudando o mesmo conteúdo, obrigada por compartilhar aqui!

Continue se dedicando aos estudos e caso surjam dúvidas, não hesite em recorrer ao fórum.

Bons estudos, Samad!