Разрешить вводить значения, которых нет в настройках

Question

По сути, я не нашел способа настроить выбранный компонент, чтобы разрешить значения, которых нет в наборе параметров.Я знаю, что select предполагает, что это должен быть выбор.Но я хочу, чтобы он действовал как автозаполнение.Любые знания по этому поводу?

Answer 1

Попробуйте это:

import реагировать-выбрать

$ yarn add react-select@next

# or, using npm:
$ npm install react-select@next

Раскрывающийся список доступен для поиска.

import React from 'react';
import Select from 'react-select';

const tools = [
  { label: "Hammer", value: 1 },
  { label: "Hand Drill", value: 2 },
  { label: "Tape Rule", value: 3 },
  { label: "Saw", value: 4 },
  { label: "Ruler", value: 5 },
  { label: "Soldering Iron", value: 6 },
];

const App = () => (
  <div className="app">
    <div className="container">
      <Select options={tools} />
    </div>
  </div>
);