gusev-genotek / react-dadata-standardizations

react-dadata-standardizations

Just another one React component for dadata standardizations.

Getting started

Installation

npm i --save react-dadata-standardizations

page on npm

Basic usage

import React, { Component } from 'react';
import DadataStandardizations from 'react-dadata-standardizations';

const token = 'your_token';
const apiUrl = 'your_api_url';

class App extends Component {
  render() {
    return (
      <DadataStandardizations
        token={ token }
        apiUrl = {apiUrl}
        onSelect={ (standardization) => console.log(standardization) }
      />
    );
  }
}

export default App;

Available props

Options

prop	type	description	required	default
token	string	api token	true	''
count	integer	maximal suggestions count in list	false	10
placeholder	string		false	''
hint	string	hint for user in suggestions list	false	Выберите вариант ниже или продолжите ввод
minChars	integer	minimal length of query for requesting to api	false	3
geolocation	boolean	priority to user city. Works for address suggestions only.	false	true
service	string	available values: name,address, bank, fio, email and party (I don't know why, but api for searching of the companies is called "party")	false	address
query	string	user input
suggestionsFormatter (suggestion)	function	custom formatter for items in suggestions list	false
selectedSuggestionFormatter (suggestion)	function	the same as previous for selected suggestion (result will be placed in query string)	false
specialRequestOptions	object	additional data for request body	false
onSelect (suggestion)	function	be called when user select the address from suggestions	true
onChange (query)	function	be called when user typing something in input field	false
onError (error)	function	will be called if api request failed	false
onBlur	function	will be called on focus out	false

The structure of suggestion object can be found in official dadata api documentation

License

This project is licensed under the MIT License