0
使用react-bootstrap,我有一个包含列表的弹出窗口。点击其中一个列表项,即可打开一个模式。反应如何使用模式关闭弹出窗口
如何在模态打开时关闭弹窗?
我想:
rootClose
但它不工作React Bootstrap - How to manually close OverlayTrigger,即同时关闭,该酥料饼和模态
class TypeColumn extends React.Component { constructor(props, context) { super(props, context); this.close = this.close.bind(this); } close() { this.refs.overlay.hide(); } render() { const popoverClick = ( <Popover id="popover-trigger-click-root-close"> <ul> <NumberOptions onClick={this.close} /> </ul> </Popover> ); return ( <OverlayTrigger show={show} trigger="click" placement="bottom" overlay={popoverClick} ref="overlay" > <i className={columnTypeIcon} aria-hidden="true" /> </OverlayTrigger> ); } } class NumberOptions extends React.Component { constructor(props) { super(props); this.open = this.open.bind(this); this.state = { showModal: false, }; } open() { this.setState({ showModal: true }); this.props.onClick(); } render() { return ( <div> <li data-value={DATA_TYPES.NUMBER} onClick={this.open} > Options nombre </li> <Modal show={showModal} dialogClassName={styles.customModal} > ... </Modal> </div> ); } }
请显示代码,您使用了什么。 – Andrew
@Andrew我已经添加了代码,有什么想法? – Philippe
您需要将'Modal'从'NumberOptions'移动到至少与OverlayTrigger相同的水平。 – Andrew