@types/react-select

What is @types/react-select?

@types/react-select provides TypeScript type definitions for the react-select library, which is a flexible and customizable select input control for React applications.

What are @types/react-select's main functionalities?

Basic Select

This feature allows you to create a basic select input with predefined options.

import Select from 'react-select';

const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' }
];

const MyComponent = () => (
  <Select options={options} />
);

Async Select

This feature allows you to create a select input that loads options asynchronously, useful for fetching data from an API.

import AsyncSelect from 'react-select/async';

const loadOptions = (inputValue: string, callback: (options: any[]) => void) => {
  setTimeout(() => {
    callback([
      { value: 'chocolate', label: 'Chocolate' },
      { value: 'strawberry', label: 'Strawberry' },
      { value: 'vanilla', label: 'Vanilla' }
    ]);
  }, 1000);
};

const MyComponent = () => (
  <AsyncSelect loadOptions={loadOptions} />
);

Creatable Select

This feature allows users to create new options in addition to selecting from predefined ones.

import CreatableSelect from 'react-select/creatable';

const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' }
];

const MyComponent = () => (
  <CreatableSelect options={options} />
);

Other packages similar to @types/react-select

@types/react-autosuggest

@types/react-autosuggest provides TypeScript type definitions for the react-autosuggest library, which is used for creating autosuggest input fields. It is similar to react-select in that it provides a way to select from a list of suggestions, but it focuses more on autosuggestions rather than dropdown selections.

@types/react-virtualized-select

@types/react-virtualized-select provides TypeScript type definitions for the react-virtualized-select library, which combines react-select with react-virtualized for rendering large lists efficiently. It is useful when dealing with a large number of options that need to be rendered efficiently.

README

Installation

npm install --save @types/react-select

Summary

This package contains type definitions for react-select (https://github.com/JedWatson/react-select#readme).

Details

Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-select.

Additional Details

• Last updated: Thu, 31 Dec 2020 19:05:57 GMT
• Dependencies: @types/react, @types/react-dom, @types/react-transition-group
• Global values: none

Credits

These definitions were written by Claas Ahlrichs, Jon Freedman, Nathan Bierema, Thomas Chia, Daniel Del Core, Joonas Rouhiainen, and Kyle Holmberg.