React Web App中的动态iframe

时间:2018-07-04 10:57:35

标签: reactjs iframe web-applications

我在https://softwareengineering.stackexchange.com/questions/373520/help-defining-architecture-async-messaging-web-app-as-portal-in-web-page提出了这个问题,作为一个较大问题的一部分。尽管没有任何回应,但我认为我会将问题主要部分的复杂性降低到纯粹的技术问题。

我想在外部Web应用程序中将一个或多个Web应用程序作为“门户”。在HTML5中,可以使用<iframe实现。但是,我想要的解决方案比内部未知的内部Web应用程序更具动态性。

这个问题有解决方案吗?我很高兴考虑任何选择,尽管首选React。也许我在这里缺少明显的东西。

1 个答案:

答案 0 :(得分:1)

如果我正确理解了您的问题,那么您的问题就很简单。以下内容对您有意义吗?如果没有,请告诉我。

render() {
   const { iFrameSrc } = this.state
   // if You have the source, return the iframe
   if (iFrameSrc) return <iframe src={iFrameSrc} />

   // if you dont have the source, render default
   return null;
}