Exibir PDF arquivos em seu aplicativo React sem uma através do React-PDF
React-PDF permite que você exiba PDF arquivos como se imagens em um aplicativo React sem qualquer ou usando múltiplos plugins.
Há muitas vezes os desenvolvedores precisam Pos to React aplicações, e enquanto pode ser difícil obter o resultado, dimensionamento ou layout certo, o React-DF permite que você Pos a uma React, assim como imagens. É gratuito para baixar, código aberto e um completo. A React PDF foi com JavaScript e CSS e é completamente para qualquer React.
Existem muitas versões do React-DF atualmente disponível, sendo o mais recente React-DF v5. As outras versões obter correções de bugs e também, no entanto, usando o React-DF v5 irá dar resultados ideais.
Para usar o React-DF certifique-se de que seu aplicativo React está usando a versão mais recente do React i.e. Reagir 16.3 ou mais tarde. No caso, você está usando versões mais antigas do React, então você que usar as versões mais antigas do React-DF.
Começando com React-DF
A maneira mais fácil de é instalar através de num, abaixo é o comando.
Instalar React-DF via numeração
npm install react-pdf Você também pode instalá-lo manualmente; baixe os arquivos de lançamento mais recentes diretamente do repositório GitHub.
Non-Latin Personagens renderizando em Grátis JavaSrcipt API
A biblioteca open source React-DF permite que os desenvolvedores de software renderizem não latinos dentro de sua usando JavaScript comandos. React-PDF também tem non-Latin carater support, e se você ter certeza de que qualquer non-Latin são renderizados quando um PDF é em um projeto, você pode obtê-lo feito com cMaps copiados de pdfs-dist.
Carregamento único ou múltiplo PDF páginas usando Free JavaScript API
A tag Document permite que você carregue um PDF doc que é passado através do suporte de arquivo. Com esta tag você pode carregar uma única ou várias páginas, ou a também. Você também pode destacar texto em uma página, mostrar de conteúdo de uma forma interativa, e links externos também.
Como Exibir Página nica PDF via JavaScript API
import React from 'react';
import { Document, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
return (
);
}
Gerencie an em PDF documentos por JavaScript
A biblioteca aberta JavaScript React-PDF dá aos programadores de software a de gerenciar programaticamente vários tipos de an dentro de seus PDF documentos. Por favor, -se que as necessidades do para incluir a folha de estilo para que as an exibidas. Permite que os usuários a Destaque, texto, tinta, nota, formas e mais com.
Como Ligações Externas em Pos via JavaScript
import React, { useState } from 'react';
import { Document, Outline, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
const [pageNumber, setPageNumber] = useState(1);
function onItemClick({ pageNumber: itemPageNumber }) {
setPageNumber(itemPageNumber);
}
return (
);
}
