react-select 占位符值显示在框外

Question

我正在尝试将 react-select 用于多 select 下拉用例。我面临的问题是占位符显示在 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。在我的辩护中，我在 2 周前才开始网络开发。

干杯！

react-select 占位符值显示在框外

react-select placeholder value showing outside the box

reactjs

react-select