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

Question

    import sample from './response.pdf'

React-pdf Компонент.

<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);
        }
    }
);