反应自举模态不显示 [英] react bootstrap modal not showing

问题描述

我想显示react-bootstrap-modal，但仅显示叠加层，并且模式不显示

i want to show react-bootstrap-modal but only the overlay appear and modal not showing

import Modal from 'react-bootstrap-modal';
......
 <Modal
                    show={this.state.open}
                    onHide={this.closeModal}
                    aria-labelledby="ModalHeader"
                >
                    <Modal.Header closeButton>
                        <Modal.Title id='ModalHeader'>A Title Goes here</Modal.Title>
                    </Modal.Header>
                    <Modal.Body>
                        <p>Some Content here</p>
                    </Modal.Body>
                    <Modal.Footer>
                        // If you don't have anything fancy to do you can use
                        // the convenient `Dismiss` component, it will
                        // trigger `onHide` when clicked
                        <Modal.Dismiss className='btn btn-default'>Cancel</Modal.Dismiss>

                        // Or you can create your own dismiss buttons
                        <button className='btn btn-primary'>
                            Save
                        </button>
                    </Modal.Footer>
                </Modal>
.....

屏幕截图:

推荐答案

我认为您可能想在github上参考此问题:

I think you may want to refer to this issue on github:

https://github.com/jquense/react-bootstrap-modal/issues/35

该示例似乎尚未准备好复制和粘贴.

The example doesn't seem to be copy and paste ready.

这篇关于反应自举模态不显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！