相关疑难解决方法(0)

如何使用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> 

我有一个多步骤的表单,我正在使用react-router在不同的步骤之间导航.在某些步骤中,我向用户显示iframe.当用户在步骤之间导航时,它总是卸载并重新安装iframe,这会导致两个问题:

1. 它从其源重新加载iframe,这使它跳转.
2. 由于它是一个iframe,我无法控制其内部状态,并且它会失去步骤之间的状态.因此,如果用户对iframe有一些输入,则在移动到下一步时输入会丢失.

有没有办法将iframe实例保留在某个全局存储中,并且只在必要时将其挂载到DOM？

任何其他想法如何解决这个问题？

谢谢.