Como obter endereço via CEP API no React JS

[@FabioBergmann]

Pessoal, para evitar crashes na requisição do ViaCEP, tem que adicionar 2 itens. No início da função checkCEP, colocar if (!e.target.value) return; Assim evita fazer requisições com CEP vazio. Segundo, fazer tratamento de erros no fetch, adicionado no final: .catch((err) => console.log(err)); E só trocar o console.log pelo tratamento mais adequado para o seu caso. Deixando assim, já não ocorre mais erros. Mas não vai mostrar nada.

[@moisesluz245]

Video bom é assim!!! Direto ao ponto sem enrolação!! Parabéns pelo seu trabalho Fabio.

[@ailtonjunior7685]

Muito legal, parabéns pelo conteúdo.

[@matheusteixeira4161]

Muito bacana o vídeo, Fábio! Me ajudou bastante a implementar em um app React Native que estamos desenvolvendo para uma grande empresa de Telecom. Saiba que seu vídeo foi de grande valia para mim =)

[@FabioBergmann]

Fala Matheus, blz? Fico muito feliz em saber que os conteúdos estão sendo úteis! Mais vídeos estão vindo muito em breve! Em novos formatos, mais otimizados e com muito conteúdo. Valeu!

[@alexandreluiz6182]

Ótimo vídeo, está de parabéns! Era exatamente isso que eu precisava.

[@filipeotavio3374]

Bom demais. Muito obrigado!!

[@flaviovieira6042]

Tive um problema com o array da api do meu time e não estava dando certo, mas depois de um tempo achei o erro! Muito obrigado, esse vídeo foi essencial !

[@alexandrejr1257]

Fabio, show de bola. Aula clara e objetiva, faltou a validação do cep vazio mas vi que colocou nos comentários. Quanto à sugestão: WattsApp sem dúvidas... valeu

[@MAlves-nh8ne]

Muito obrigado pelo conteúdo!

[@alexnascimento7633]

Muito bom, obrigado por compartilhar!

[@otavioneri6402]

Muito didático!

[@raphaelrocha313]

Parabéns pela aula! uma duvida, se eu quiser filtrar os ceps que quero encontrar , tipo, se a pessoa não digitar um cep do rio de janeiro eu quero que o formulario me retorne que não é um cep valido, tem como ?

[@FabioBergmann]

Tem sim. Você pode utilizar a mesma API que mostro no vídeo. Você envia o cep que a pessoa digitou, e se for um cep inválido, a API vai retornar um erro. E se for um cep válido, mas é de outra cidade que vc não quer, o retorno da API vai mostrar a cidade também. E vc pode mostrar um erro, informando que o cep digitado é de outra cidade.

[@raphandrews1]

massa !! bem de boas

[@AltairAntonio]

Ótimo vídeo, parabéns e obrigado por disponibilizar esta aula. Aproveito pra também tirar uma dúvida: vi na documentação do react-hook-form que não podemos usar campos com mesmo nome, no caso não é possível usar radios buttons para determinar o gênero masculino / feminino?

[@FabioBergmann]

Os campos tem nomes únicos, mas é possível utilizar radio buttons sim. Aqui tem um exemplo: react-hook-form.com/get-started#Registerfields na parte "gender"

[@FabioBergmann]

Só complementando a minha resposta anterior, vc vai registrar o seu conjunto de radio buttons, com nome "gender" por exemplo. E cada item com um valor, masculino / feminino. O Json gerado, vai conter "gender":"masculino" ou "gender":"feminino"

[@ri22sp]

Fabio parabéns pelo conteudo estou com uma dúvida react hook form no RN porém o onBlur não funciona por nada const { register, control, handleSubmit } = useForm({ mode: 'onBlur', }); let checkCEP = (event) => { const cep = event.target.value.replace(/\D/g, ''); console.log(cep) } e meu input esta assim não sei oq estou errando

[@jhonattasilva2804]

Fabio, como eu faço agora pra pegar esse formulário que você fez Submit no fim do vídeo e salvar em Local Storage? Já tentei mas ele só salva 1 apenas, quando eu tento salvar outro submit ele sobrepoe o antigo? Como fazemos?

[@FabioBergmann]

Olá Jhonatta, quando vc salva um dado no local storage, vc precisa setar chave e valor. Por exemplo: localStorage.setItem("meuForm1", form). Então se vc setar um novo valor na mesma chave "meuForm1", vai sobrepor o valor antigo. Teria que ir mudando a chave, "meuForm1", "meuForm2", ... Lembrando que o valor tem que ser uma string, então nesse caso aqui, onde o onSubmit tem uma variável "e" que é um objeto JSON, seria necessário fazer algo assim localStorage.setItem("meuForm1", JSON.stringify(e)). E o próximo formulário vc precisa alterar o valor da chave, como mencionei. Também leve em consideração que o localStorage não é feito para salvar grandes volumes de dados, ele é feito basicamente para salvar preferências do usuário. Se o formulário for muito grande, pode ser que não consiga salvar dentro do localStorage.

[@jhonattasilva2804]

@@FabioBergmann Muito obrigado, me ajudou muito, eu consegui!

[@marianamonteiro8353]

Olá estou tentando usar o viaCEP api mas retorna no data um objeto erro:true, mesmo enviando corretamente o valor do CEP, alguem sabe como resolver

[@FabioBergmann]

Deve ser algum detalhe da API. Primeiramente tente ver o resultado utilizando o Postman.