reactjs - React select - 根据用户通过键盘输入的内容从下拉列表中选择值

Question

我有一个要求，在选择下拉列表中，用户可以从键盘输入任何值，如果任何下拉选项“以”该值开头，则应该设置它。

是否可以通过反应选择？TIA

标签： reactjsreact-select

Answer 1

我建议您react-select与 prop一起使用onInputChange。

道具onInputChange以这种方式工作：

function (
  string,
  {
    action required One of <
    "set-value",
    "input-change",
    "input-blur",
    "menu-close"
    >
  }
) => undefined

在您的情况下，您希望针对操作input-change并将常量string与您的选项进行比较。在那里你可以做你想要的比较，开始或结束或其他任何事情。

一旦你选择了应该被选中的选项，你就可以设置你的新value道具。