Обрабатывать iframe в реагировании с рефериHtml

Программисты Html
Ответить
Anonymous
 Обрабатывать iframe в реагировании с рефери

Сообщение Anonymous »

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

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

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 component :

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

import React, { Component } from 'react'

class IframeComponent extends Component {

componentDidMount() {
// Load iframe content
}

render () {
return (



);
}
};

export default Iframe;
< /code>
Я пробовал эти примеры: < /p>
Основной реагирование с помощью обработчика Onload < /p>
Обработка iframes в React < /p>
Iframe Содержание, используя реф. Проблема: необходимо загрузить это содержимое в ComponentDidMount 
Метод перед вызовом handlestatementPrint функции из другого компонента, который может распечатать загруженное содержание iframe.
Вопросы:
  • Так как правильно передавать содержание в Br/br> Premothount? />
  • Как передавать загружаемое содержимое из ComponentDidMount метод в MainComponent для выполнения действий с загруженным содержанием?


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

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

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

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

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

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