reactjs - 弹性容器内的反应选择宽度

Question

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

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

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

可能与此相关的一些问题是：

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

完整样本如下：

标签： reactjscssflexboxreact-select

Answer 1

正如这里所建议的，只需设置 react-select 组件的样式minWidth: '0px'就可以了。