reactjs - 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;
}