当使用 React Bootstrap Typeahead 找不到匹配项时，为 props 添加值

【问题标题】：Add value to props when no matches found with React Bootstrap Typeahead当使用 React Bootstrap Typeahead 找不到匹配项时，为 props 添加值
【发布时间】：2022-04-03 19:43:49
【问题描述】：

使用 React Bootstrap Typeahead，如果没有找到记录并显示“未找到匹配项”，我是否可以在单击 Enter 时将该值添加到选定的道具？

【问题讨论】：

标签： reactjs react-bootstrap-typeahead

【解决方案1】：

您可以使用 allowNew 属性将任意项目添加到选择中：

<Typeahead
  allowNew
  options={[...]}
  selected={[...]}
/>

当用户输入在选项集中找不到的字符串时，他们将看到一个菜单选项，让他们能够将输入的文本添加为选择：

这是一个工作示例：https://codesandbox.io/s/rbt-custom-selections-18piu

【讨论】：

【解决方案2】：

使用像这样的道具 emptyLabel="YOUR_CUSTOM_TEXT"

【讨论】：