Обработка iframe в React с помощью ссылок ⇐ Javascript
-
Гость
Обработка iframe в React с помощью ссылок
Я пытаюсь установить содержимое iframe в компоненте React. У меня есть компонент, в котором содержится функция handleStatementPrint, которую необходимо вызвать после завершения загрузки iframe. Эта функция должна печатать загруженное содержимое iframe — pdf-файл, доступ к которому осуществляется по URL this.props.pdfs.url . Содержимое iframe уже загружено, и я вижу PDF-файл в iframe, но мне нужно передать содержимое iframe со ссылками, но я не знаю, как это сделать правильно. Я знаю, что мне нужно использовать comComponentDidMount, но не знаю, что писать здесь.
Компонент, который должен иметь содержимое iframe:
import React, { Component } из 'реагировать' импортировать IframeComponent из './comComponents/Iframe'; класс MainComponent расширяет компонент { handleStatementPrint = () => { const iframePdf = this.iframePdf.contentWindow; if (this.iframePdf !== не определено) { const iframePdf = this.iframePdf.contentWindow; iframePdf.print(); } } оказывать () { возвращаться ( { this.props.pdfs &&
{this.props.pdfs.url} title=
} ); } }; экспортировать заявление по умолчанию; Компонент iframe:
import React, { Component } из 'реагировать' класс IframeComponent расширяет компонент { компонентДидМаунт () { // Загружаем содержимое iframe } оказывать () { возвращаться ( ); } }; экспортировать Iframe по умолчанию; Я пробовал следующие примеры:
Базовая реакция iframe с обработчиком onLoad
Обработка iframe в React
Содержимое Iframe поступает из API выборки, но я могу получить доступ к iframe и видеть, что контент отлично загружается с помощью ref. Проблема: необходимо загрузить этот контент в метод comComponentDidMount перед вызовом функции handleStatementPrint из другого компонента, который может печатать загруженное содержимое iframe.
Вопросы:
[*]
Так как же правильно передать содержимое iframe со ссылками для загрузки контента в методеComponentDidMount?
[*]
Как передать загруженный контент из метода comComponentDidMount в функции MainComponent, чтобы выполнить действия с загруженным контентом?
Я пытаюсь установить содержимое iframe в компоненте React. У меня есть компонент, в котором содержится функция handleStatementPrint, которую необходимо вызвать после завершения загрузки iframe. Эта функция должна печатать загруженное содержимое iframe — pdf-файл, доступ к которому осуществляется по URL this.props.pdfs.url . Содержимое iframe уже загружено, и я вижу PDF-файл в iframe, но мне нужно передать содержимое iframe со ссылками, но я не знаю, как это сделать правильно. Я знаю, что мне нужно использовать comComponentDidMount, но не знаю, что писать здесь.
Компонент, который должен иметь содержимое iframe:
import React, { Component } из 'реагировать' импортировать IframeComponent из './comComponents/Iframe'; класс MainComponent расширяет компонент { handleStatementPrint = () => { const iframePdf = this.iframePdf.contentWindow; if (this.iframePdf !== не определено) { const iframePdf = this.iframePdf.contentWindow; iframePdf.print(); } } оказывать () { возвращаться ( { this.props.pdfs &&
{this.props.pdfs.url} title=
} ); } }; экспортировать заявление по умолчанию; Компонент iframe:
import React, { Component } из 'реагировать' класс IframeComponent расширяет компонент { компонентДидМаунт () { // Загружаем содержимое iframe } оказывать () { возвращаться ( ); } }; экспортировать Iframe по умолчанию; Я пробовал следующие примеры:
Базовая реакция iframe с обработчиком onLoad
Обработка iframe в React
Содержимое Iframe поступает из API выборки, но я могу получить доступ к iframe и видеть, что контент отлично загружается с помощью ref. Проблема: необходимо загрузить этот контент в метод comComponentDidMount перед вызовом функции handleStatementPrint из другого компонента, который может печатать загруженное содержимое iframe.
Вопросы:
[*]
Так как же правильно передать содержимое iframe со ссылками для загрузки контента в методеComponentDidMount?
[*]
Как передать загруженный контент из метода comComponentDidMount в функции MainComponent, чтобы выполнить действия с загруженным контентом?
Мобильная версия