1
resposta

States com formulário.

Olá!!!

Me surgiu uma dúvida com realação ao estado dos componentes. A principio, precisamos definir um estado inicial para os componentes de um formulário, Ex: Text. Minha pergunta é: Quando trabalho com grandes formulários de cadastros, com por exemplos 20 campos de entradas, eu devo definir uma função para manipular o estado de cada componente? Ou com uma função apenas, eu consigo manipular os estados de todos os componentes? Por que quando tempos poucos componentes, é fácil essa manipulação, mas em grandes aplicações, ficaria um tanto confuso para cada componente eu ter uma função para manipular os seus estados. Caso alguém tenha algum exemplo de como isso poderia ser feito, ficarei agradecido se puderem compartilhar.

1 resposta

Fala Bruno, beleza?

Com grandes formulários vc tem 3 opções:

  • Utilizar da forma como aprendeu com um estado para cada input, mas isto realmente ficaria pesado. A parte positiva é que você tem controle que apenas o componente que tem aquele estado ira atualizar quando você atualizar este estado, mas ficaria muito difícil de fazer manutenção neste código.
  • Utilizar apenas um estado com um objeto, e neste objeto você teria o valor de cada input. Mas para isto você vai precisar entender um pouco sobre performance, pois quando o estado muda teoricamente ele vai atualizar todos os inputs, então isto teria que ser tratado. Jájá vai sair um vídeo sobre isto ;)
  • Utilizar pacotes externos para controlar grandes inputs (eu recomendo imensamente esta opção), existem grandes pacotes externos para React que já tem controle automático de erros, máscaras para inputs e valores, 2 grandes que eu penso de cara é o React Hook Form e o Formik.

Caso tenha mais alguma dúvida sinta-se a vontade para continuar este tópico ou criar outro, beleza?

Bons estudos!