Обработка iframe в React с помощью ссылокJavascript

Форум по 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, чтобы выполнить действия с загруженным контентом?

Вернуться в «Javascript»