Динамические фреймы в веб-приложении React

Question

Я задал это как часть более крупного вопроса на https://softwareengineering.stackexchange.com/questions/373520/help-defining-architecture-async-messaging-web-app-as-portal-in-web-page. Хотя без ответов я подумал, что уменьшу сложность основной части вопроса до чисто технической.

Мне бы хотелось иметь одно или несколько веб-приложений в качестве «портала» во внешнем веб-приложении. В HTML5 это может быть достигнуто с помощью <iframe. Однако решение, которое я желаю, является более динамичным, чем это с внутренними веб-приложениями, не известными заранее.

Есть ли решения этой проблемы? Я рад рассмотреть любые варианты, хотя предпочитал React. Возможно, я что-то упускаю здесь очевидное.

Answer 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;
}