【发布时间】：2019-06-30 22:56:06
【问题描述】：
我正在尝试构建一个 React 组件，其中包含 react-select 作为 flex 容器的子元素，而该子元素又可能包含其他可变大小的元素。
主要问题是我目前无法将 react-select 限制为父 flex 容器的宽度。当所选选项的标签太长时会发生这种情况：
有没有办法（任何方式真的）防止 react-select 溢出？
可能与此相关的一些问题是：
- https://github.com/JedWatson/react-select/issues/323
- https://github.com/JedWatson/react-select/issues/1127
下面的完整示例：
【问题讨论】：
-
您希望如何显示？你有更多的水平内容然后你有水平空间。你想隐藏溢出还是让 flex 容器水平滚动？
-
我希望第一个元素（“dog ...”）与第二个元素（“cat ...”）完全相同，即限制在红色框中，没有溢出黄色框和没有水平滚动条。添加其他项目时，应允许 react-select 垂直增长。
-
我建议你看看这个帖子stackoverflow.com/questions/54217980/… 这和你有同样的问题，但是使用引导程序
标签： reactjs css flexbox react-select