DefinitelyTyped/types/react-autosuggest/README.md
Kevin Ross ed9e0f6d14 Update react-autosuggest signatures, documentation, use generic type
- Convert Autosuggest component to a generic
- Update the renderSuggestionsContainer signature
- Add readme with usage example
- Document component props
- Export function types for easier reuse/passing in as props
2017-11-29 09:28:28 -06:00

914 B

react-autosuggest usage notes

The definition uses generics for stronger typing. Read the TypeScript deep dive on JSX Generic components for details on consuming these type definitions.

Example

import * as Autosuggest from 'react-autosuggest'
interface Language {
    name: string
    year: number
}

const LanguageAutosuggest = Autosuggest as { new (): Autosuggest<Language> }

<LanguageAutosuggest
    suggestions={suggestions}
    onSuggestionsFetchRequested={this.onSuggestionsFetchRequested.bind(this)}
    getSuggestionValue={this.getSuggestionValue}
    renderSuggestion={this.renderSuggestion}
    onSuggestionSelected={this.onSuggestionsSelected}
    alwaysRenderSuggestions={true}
    inputProps={inputProps}
    theme={theme}
/>

Find multiple full examples in react-autosuggest-tests.tsx