反应选择占位符值显示在框外

Question

我正在尝试使用react-select作为多选下拉用例。我面临的问题是占位符显示在选择框上而不是在其中。

此外，当我单击时，选项无法正确显示。

这是代码：

<div className="container">
<Row>
    <Col md={3}>
        <Select
            autosize={false}
            closeOnSelect={false}
            multi
            onChange={this.handleSelectChange}
            placeholder="More options"
            removeSelected={true}
            simpleValue
            value={this.state.selectedOptions}
            options={selectOptions}
        />
    </Col>
</Row>

怎么可能出错？

Answer 1

忘了添加react-select css。在我的辩护中，我在两周前开始进行网络开发。

干杯!