Как отобразить выпадающий в модальном в React JS? - PullRequest
Новая
       6

Как отобразить выпадающий в модальном в React JS?

0 голосов
/ 05 марта 2020

Я хочу открыть Dropdown в модальном в React JS, но вместо Dropdown будет отображаться обычный текст. Есть ли другой способ открыть Dropdown в модальном?

Код: 

<Modal show={this.props.tagSelectionDialog} onHide={this.onHide}>
    <Modal.Header closeButton>
        <Modal.Title>Tag Selection</Modal.Title>
    </Modal.Header>
    <Modal.Body>
        Selected text: {this.props.selectedText}
        <hr/>
        Select Tag:
        <Dropdown >
            <Dropdown.Menu className="super-colors">
                <Dropdown.Item>Item1</Dropdown.Item>
                <Dropdown.Item>Item2</Dropdown.Item>
                <Dropdown.Item>Item3</Dropdown.Item>
                <Dropdown.Item>Item4</Dropdown.Item>
                <Dropdown.Item>Item5</Dropdown.Item>
            </Dropdown.Menu>
        </Dropdown>
    </Modal.Body>
</Modal>

Выход: 

Tag Selection

Selected text: Text

Select Tag:
Item1
Item2
Item3
Item4
Item5
...