从下拉列表中选择标签时的反应选择显示标签+值

Question

我的 UI 中有一个用例，对于 react-select 组件，我想在下拉列表中显示标签，但是当我们选择标签时，显示的选定选项应该是标签 + 值。 我该如何实现？

Answer 1

使用formatOptionLabel 属性为您的“选定”选项创建布局（搜索字段中的显示），但使用自定义Option 布局来显示您的“选项”（或者相反，使用prop 来创建您的“选项”布局并提供自定义 SingleValue 或 MultiValueLabel 组件以在搜索字段中显示）。

文档告诉你how to apply custom components。