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

Программисты Html
Ответить
Anonymous
 Обработка iframe в React с помощью ссылок

Сообщение Anonymous »

Я пытаюсь установить содержимое iframe в компоненте React. У меня есть компонент, в котором содержится функция handleStatementPrint, которую необходимо вызвать после завершения загрузки iframe. Эта функция должна печатать загруженное содержимое iframe — pdf-файл, доступ к которому осуществляется по URL-адресу this.props.pdfs.url . Содержимое iframe уже загружено, и я вижу PDF-файл в iframe, но мне нужно передать содержимое iframe со ссылками, но я не знаю, как это сделать правильно. Я знаю, что мне нужно использовать компонентDidMount, но не знаю, что писать здесь.
Компонент, который должен иметь содержимое iframe:

Код: Выделить всё

import React, { Component } from 'react'

import IframeComponent from './components/Iframe';

class MainComponent extends Component {

handleStatementPrint = () => {
const iframePdf = this.iframePdf.contentWindow;
if (this.iframePdf !== undefined) {
const iframePdf = this.iframePdf.contentWindow;
iframePdf.print();
}
}

render () {
return (

{
this.props.pdfs &&
 { this.iframePdf = frame }}
src={this.props.pdfs.url}
title="iFramePdf"
type="application/pdf"
>

}

);
}
};

export default Statement;
Компонент Iframe:

Код: Выделить всё

import React, { Component } from 'react'

class IframeComponent extends Component {

componentDidMount() {
// Load iframe content
}

render () {
return (



);
}
};

export default Iframe;
Я пробовал следующие примеры:
Базовый реагирующий iframe с обработчиком onLoad
Обработка iframe в React
Содержимое Iframe поступает из API выборки, но я могу получить доступ к iframe и видеть, что контент отлично загружается с помощью ref. Проблема: необходимо загрузить это содержимое в метод компонентDidMount перед вызовом функции handleStatementPrint из другого компонента, который может печатать загруженное содержимое iframe.
Вопросы:
  • Так как правильно передать содержимое iframe со ссылками для загрузки содержимого в метод packageDidMount?
  • Как передать загруженное содержимое из компонентDidMount в функциях MainComponent, чтобы выполнять действия с загруженным содержимым?


Подробнее здесь: https://stackoverflow.com/questions/476 ... -with-refs
Ответить

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

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

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

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

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