当我添加选项时，我的反应多选不断扩展

Question

我正在使用react select模块构建一个多选的Dropbox。但是，当我添加多个选项时，该框不断扩展，我希望它保持固定。我应该改变什么css属性，或者有另一种方法来做到这一点。参考图片以获得清晰的理解。

我选择的表单内联代码：

<FormGroup
        controlId="ChannelType"
      >

        <div style={this.selectwidth}>
          <Select
            closeOnSelect={!stayOpen}
            multi={true}
            onChange={this.handleChannelSelect.bind(this)}
            options={ChannelTypes}
            placeholder="Select"
            removeSelected={false}
            simpleValue
          />
        </div>
        {' '}

      </FormGroup>

反应选择css的链接：link

Answer 1

将autosize道具设为false

链接：https://www.npmjs.com/package/react-select#select-props

Answer 2

你能分享你的脚手架吗？这似乎是一个CSS问题，也许你的父母没有设置宽度。