如何使用body结束标记附加reactjs模态窗口,以使用body标签设置模态定位绝对值.
这是在另一个组件中添加的示例.
<div className="modal">
<p>Model Pop-up <button onClick={this.handleClick}>here</button></p>
<div id="js-modal-inner" className="modal">
<div className="modal__content js-dialog">
<a className="modal__close" onClick={this.handleClose}>×</a>
<header className="modal__header">
<h2 className="modal__title">Split Ticket:</h2>
</header>
<div className="modal__content--inner">
{this.props.children}
</div>
</div>
</div>
<div className="modal__overlay js-fade"></div>
</div>
Run Code Online (Sandbox Code Playgroud)