react-select：防止长文本重叠

问题描述

我正在使用 react-select-virtualized 组件，我修改了他们的一个沙箱示例，以在下拉列表中包含大约 235 个字符的大文本。

可以从here

访问修改后的代码和框

它显示如下：

我该如何解决这个问题？我需要在下拉列表中显示大文本，并想知道我是否可以以某种方式改进它。

解决方法

那是因为每个选项都有一个很长的字符串值，并且它们都相互包裹和重叠。为了防止它，添加以下样式以更改选项的文本换行行为：

.fast-option {
  white-space: nowrap;
}