Javascript 如何防止react select控件中选定的长字符串值被截断？

我正在使用

react select

createable

组件。每当我选择长值时，它就会被截断，并在所选值的末尾添加3个点。有没有办法禁用此截断？我希望看到整个选定的值

如果有什么帮助，这是我的代码

 <ReactCreatableSelect
            disabled={isDisabled}
            filterOption={createFilter({ ignoreAccents: false })}
            options={options}
            onChange={this.onNewSelectChange}
            onCreateOption={this.onCreateOption}
            components={{ MenuList }}
            isMulti={this.isMulitpleChoice()}
            value={((!Array.isArray(value) ? [value] : value) as Array<any>).map(x => ({ label: x, value: x }))}
            isClearable={true}
            isSearchable={true}
            isLoading={loading}

          />

（{label:x，value:x}））}
isClearable={true}
isSearchable={true}
isLoading={loading}
/>

您需要覆盖

多值标签的样式，并删除默认应用的当前
溢出：隐藏
和
文本溢出：省略号
样式

const ReactSelectStyles = () => ({
  multiValueLabel: styles => ({
    ...styles,
    overflow: auto,
    text-overflow: ""
  }),
})

<ReactCreatableSelect 
  ...
  styles={ReactSelectStyles()}
/>

const ReactSelectStyles=（）=>({
多值标签：样式=>({
…风格，
溢出：自动，
文本溢出：“
}),
})


我建议不要这样做，因为这样做是有原因的。它目前只在文本太大而无法放入
选择框时截断文本。
多亏了，我找到了正确的解决方案

const ReactSelectStyles = () => ({
  multiValueLabel: (styles: any) => ({
    ...styles,
    whiteSpace: "normal",
  }),
})