小编Sha*_*hah的帖子

使用Javascript和CSS的ReactJs模态

如何使用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}>&times;</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)

javascript css dialog modal-dialog reactjs

6
推荐指数
1
解决办法
8090
查看次数

标签 统计

css ×1

dialog ×1

javascript ×1

modal-dialog ×1

reactjs ×1