import React, { Component } from "react"; import { render } from "react-dom"; import DadataSuggestions from "react-dadata-suggestions"; import "react-dadata-suggestions/dist/styles.css"; // please don't use this token in your projects. It's free and limited const token = "e502fd8f77326ecddb75e3af81e2a65acc7f0720"; const styles = { fontFamily: "sans-serif", textAlign: "center" }; class App extends Component { state = { query: "центральн" }; render() { return (

react-dadata-suggestions

examples

Address

this.setState({ query: e.target.value })} />

console.log(suggestion)} deferRequestBy={300} placeholder={"enter address here"} onChange={query => console.log(query)} query={this.state.query} receivePropsBehaveLikeOnChange={true} />

Companies (additional options)

console.log(suggestion)} onChange={query => console.log(query)} service="party" selectedSuggestionFormatter={suggestion => `${suggestion.data.name.full_with_opf} ИНН ${suggestion.data.inn}` } specialRequestOptions={{ type: "INDIVIDUAL" }} />

Names (disabled highlighting)

console.log(suggestion)} onChange={query => console.log(query)} service="fio" highlighting={false} />

Banks

console.log(suggestion)} onChange={query => console.log(query)} service="bank" />

Email

console.log(suggestion)} onChange={query => console.log(query)} service="email" />

Error handler

console.log(suggestion)} onChange={query => console.log(query)} onError={error => alert(error.message)} service="party" specialRequestOptions={{ type: "wrong" }} />

); } } render(, document.getElementById("root"));

p95804280q