Как показать HTML в файле в компоненте реагировать-PDF?

Question

    import sample from './response.pdf'

React-pdf Component.

<Document
    file={sample}
     onLoadSuccess={this.onDocumentLoad} >
    <Page pageNumber={pageNumber} />
 </Document>

Я использую ручной PDF в компоненте документа.Так что работает нормально Есть ли способ, чтобы показать файл Html в ключе файла.пример: у меня есть html, подобный этому

sample1 = HTML-код и т. д. *

<Document
    file={sample1}
     onLoadSuccess={this.onDocumentLoad} >
    <Page pageNumber={pageNumber} />
 </Document>

Это я пытался, может ли кто-нибудь руководство быть, как использовать это.

Answer 1

Это просто средство просмотра PDF, которое принимает весь файл в качестве параметра и отображает его для вас.

Чтобы преобразовать строку / файл HTML в PDF, вам понадобится другой пакет, который использует строковое содержимое в качестве потока и преобразует его для вас.

Этот пакет доступен для ознакомления html-to-pdf

Использование

var htmlToPdf = require('html-to-pdf');
var html = ...; //Some HTML String from code above

htmlToPdf.convertHTMLString(html, 'path/to/destination.pdf',
    function (error, success) {
        if (error) {
            console.log('Oh noes! Errorz!');
            console.log(error);
        } else {
            console.log('Woot! Success!');
            console.log(success);
        }
    }
);