React 选择多行标​​签

Question

有没有一种方法可以使用react-select 获得多行标签或为一个选项提供两个标签？

我通过值和标签传递选择组件选项

value: someValue,
label: "This is my first value - Name: Value 1 \n Foo Bar Date Insert 
Today's Date Here"

我尝试插入换行符，但文本仍保留在选择输入中的一行上。我正在寻找一种解决方案，每个选项都有两行。

Answer 1

您可以保留\n换行符并添加white-space: pre-wrap到标签中：

.Select-value-label, .Select-option {
  white-space: pre-wrap;
}