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

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。在我的辩护中，我在两周前开始进行网络开发。

干杯！