How to load remote url in react-bootstrap modal component?
Below is my code.
var React = require("react");
var Router = require("react-router");
var ReactDOM = require('react-dom');
var ReactBootstrap = require('react-bootstrap');
render():{
return (
<Modal ref={(c) => this.modal = c} onHide={this.hideModal} show={this.state.htmlShow} >
<Modal.Header closeButton>
<Modal.Title id="preview-modal-title-lg">{this.state.htmlTitle}</Modal.Title>
</Modal.Header>
<Modal.Body>
Want to load html data by calling a html file
</Modal.Body>
<Modal.Footer>
<Button onClick={this.hideModal}>Close</Button>
</Modal.Footer>
</Modal>
)
} })
I want to set the url dynamically. I wonder whether React-Bootstrap Modal can load the remote url. In plain bootstrap modal, this is possible. Is there any nice way to do this in react-bootstrap modal component?