Не удается найти модуль реагировать-выберите с примером материала UI

Question

Я изо всех сил пытаюсь реализовать версию response-select с использованием пользовательского интерфейса в моем собственном примере. Пример, приведенный в документации, очень сложен. https://material -ui.com / компоненты / автозаполнение /

Когда я пытаюсь скопировать код, я получаю следующие ошибки

ERROR in [at-loader] ./src/public/components/select.tsx:13:37
    TS2307: Cannot find module 'react-select/lib/components/containers'.

Для следующих зависимостей.

import { ValueContainerProps } from "react-select/lib/components/containers";
import { ControlProps } from "react-select/lib/components/Control";
import { MenuProps, NoticeProps } from "react-select/lib/components/Menu";
import { MultiValueProps } from "react-select/lib/components/MultiValue";
import { OptionProps } from "react-select/lib/components/Option";
import { PlaceholderProps } from "react-select/lib/components/Placeholder";
import { SingleValueProps } from "react-select/lib/components/SingleValue";
import { ValueType } from "react-select/lib/types";

Я установил оба типа: @ types / реагировать-выбирать и реагировать-выбирать.

Answer 1

Ссылка, которую вы указали в своем сообщении, т. Е. - https://material -ui.com / components / autocomplete /

Эта ссылка не содержит примеров импорта

import { ValueContainerProps } from "react-select/lib/components/containers";
import { ControlProps } from "react-select/lib/components/Control";
import { MenuProps, NoticeProps } from "react-select/lib/components/Menu";
import { MultiValueProps } from "react-select/lib/components/MultiValue";
import { OptionProps } from "react-select/lib/components/Option";
import { PlaceholderProps } from "react-select/lib/components/Placeholder";
import { SingleValueProps } from "react-select/lib/components/SingleValue";
import { ValueType } from "react-select/lib/types";

Простые шаги, чтобы заставить react-select работать,

1. Установить react-select, используя,

   yarn add react-select / npm install react-select --save

2. Импорт экспорта по умолчанию и визуализации в вашем компоненте:

   import Select from 'react-select'

3. Использование,

   <Select options={options} />

Вам необходимо передать options здесь, опция - это не что иное, как ваши варианты выпадающего списка.

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

Answer 2

Вы можете попробовать импортировать как (без фактического пути) -

import { ValueContainerProps } from "react-select";

Также нет папки 'lib' внутри реагирующего выбора. Вы уверены, что даете правильный путь?