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

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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