1.0.1 • Published 4 years ago

react-cep-promise v1.0.1

Weekly downloads
5
License
MIT
Repository
github
Last release
4 years ago

Instalação

npm install --save react-cep-promise
yarn add react-cep-promise

Exemplo

import React from 'react'

import ReactCepPromise, {IOnResult} from 'react-cep-promise'

const App = () => {
  const [fetching, setFetching] = React.useState<boolean>(false);
  const [cep, setCep] = React.useState<string>('');

  function onResult(result: IOnResult): void {
    const {data, error} = result

    if (data) {
      // do whatever you want with the data below:
      // data.cep
      // data.city
      // data.neighborhood
      // data.state
      // data.street
    }

    if (error) console.log(error)
  }

  return (
    <ReactCepPromise
      fetching={fetching}
      setFetching={setFetching}
      onChange={(e) => setCep(e.target.value)}
      onResult={onResult}
      value={cep}
    />
  )
}

export default App

Propriedades

NomeTipoObrigatórioPadrãoDescrição
fetchingbooleanSimUm estado que informa informações do cep estão sendo procuradas. Automaticamente alterado pelo componente.
setFetchingfunctionSimFunção que seta fetching. Recebe um booleano como parâmetro.
maskstringNão99999-999Máscara do input.
valuestringSimValor do input.
onChangefunctionSimFunção a ser executada quando o input alterar.
onResultfunctionSimFunção a ser executada quando a busca pelo cep ser finalizada.
shouldDisableOnFetchbooleanNãotrueSe o input deve ficar desabilitado enquanto o cep está sendo buscado.
shouldFetchbooleanNãotrueSe o componente deve buscar o cep que foi digitado.

License

MIT © matheuskuster