Reactjs 反应选择：防止长文本重叠

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

修改后的codesandbox可以从以下位置访问：

它的表现是这样的：

---

我怎样才能解决这个问题？我需要在下拉列表中显示大文本，并想知道是否可以对其进行改进。

这是因为每个选项都有一个长字符串值，并且它们都相互环绕和重叠。要防止出现这种情况，请添加以下样式以更改选项的文字换行行为：

.fast选项{
空白：nowrap；
}

---

谢谢。这起了作用，并且开始清晰地显示出来。我现在可以看到的另一个问题是，我的下拉列表的宽度是固定的，因此，在下拉窗口的长度范围内显示的文本都是固定的。但是，由于没有水平滚动条选项（如果我没有记错的话），所以不可能看到整个文本。是否可以在第一行下方显示剩余的文本，以便用户可以看到所有内容？在沙盒示例中，窗口可以拉伸到全屏，以便整个文本都可以看到，但在我的代码中，我有固定的宽度，这是我面临的另一个问题。您需要明确指定选项高度。请参阅，因为虚拟化列表需要知道选项的大小，才能计算在大型列表中应呈现的选项数。很遗憾，没有简单的方法可以动态设置选项的大小@谢谢。我指定了

optionHeight={60}

，这似乎增加了下拉列表中两行之间的空间。但是，未显示的文本仍然隐藏在用户界面中。@Tan出于某种原因

react select virtualized

将

行高设置为非常大的数字。尝试设置
行高：30px！重要的并删除
nowrap
，以解决您的问题