伸缩容器内部的反应选择宽度

Question

我正在尝试构建一个React组件，该组件包含react-select作为Flex容器的子元素，而该容器又可能包含其他大小可变的元素。

主要问题是我目前无法将react-select限制为父级flex容器的宽度。当所选选项的标签太长时，会发生这种情况：

有没有办法（任何方式）防止反应选择溢出？

可能与此有关的一些问题是

• https://github.com/JedWatson/react-select/issues/323
• https://github.com/JedWatson/react-select/issues/1127

完整示例如下：

Answer 1

如建议的here一样，只需使用minWidth: '0px'设置react-select组件的样式即可。