代码之家 › 专栏 › 技术社区 › Yuki

允许键入不在选项中的值

react-select javascript

0

Yuki · 技术社区 · 6 年前

基本上,我还没有找到一种方法来设置select component以允许选项集中没有的值。我知道 select 表明这一定是一种选择。但我希望它更像一个自动完成。有这方面的知识吗?

1 回复 | 直到 6 年前

1

0

Eben 6 年前

试试这个:

导入反应选择

$ 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>
);

推荐文章

Nilakshi Naphade · 从下拉列表react select中删除元素

7 年前

Moldovan Andrei · React Select不会在单击选项时更新值

7 年前

Orbitum · 反应选择自动调整宽度

7 年前

ThinkAndCode · 在Select元素(react Select)中显示选项后,如何禁用可搜索性?

7 年前

Sreeraj Karichery · 在react select中输入一个字符后,我可以使下拉列表可见吗?

7 年前