cep-hook
CEP do Brasil do WebApi Viacep.com.br
Install
npm install --save cep-hook
Usage
import React, { useState } from "react"; import { useCep } from "cep-hook"; const App = () => { const initialValue = ""; // Valor inicial ou pode deixar sem valor. const [value, setValue, getZip] = useCep(initialValue); const [cep, setCep] = useState(null); const handleClickFindCep = async () => setCep(await getZip()); return ( <div> <div> <p>Cep: {cep && cep.cep}</p> <p>Logradouro: {cep && cep.logradouro}</p> <p>Complemento: {cep && cep.complemento}</p> <p>Bairro: {cep && cep.bairro}</p> <p>Localidade: {cep && cep.localidade}</p> <p>UF: {cep && cep.uf}</p> <p>Unidade: {cep && cep.unidade}</p> <p>Ibge: {cep && cep.ibge}</p> <p>Gia: {cep && cep.gia}</p> {cep && cep.status && cep.status.erro && ( <pre>Error: {JSON.stringify(cep.status, undefined, 2)}</pre> )} </div> <input type="text" value={value} onChange={e => setValue(e.target.value)} /> <button onClick={handleClickFindCep}>Busca de CEP</button> </div> );};export default App;
This hook is created using create-react-hook.