Saltar al contenido

cómo agregar un archivo pdf en el ejemplo de código de React

Alejandro, parte de este staff, nos ha hecho el favor de escribir este tutorial ya que domina a la perfección dicho tema.

Ejemplo 1: reaccionar pdf agregar a pdf existente

<Grid centered columns=2><Grid.Column textAlign="center" onClick=this.nextPage><Document file='/Sample.pdf' onLoadSuccess=this.onDocumentLoadSuccess noData=<h4>Please select a file</h4>><Page pageNumber=pageNumber></Page></Document>this.state.file?<p>PagepageNumberofnumPages</p>:null</Grid.Column></Grid></Container>);

Ejemplo 2: como crear un pdf en react

/*
Make sure to install the library
with yarn
yarn add @react-pdf/renderer
with npm
npm install @react-pdf/renderer --save
*/importReactfrom'react';importPage,Text,View,Document,StyleSheetfrom'@react-pdf/renderer';// Create stylesconst styles =StyleSheet.create(
  page:
    flexDirection:'row',
    backgroundColor:'#E4E4E4',
  section:
    margin:10,
    padding:10,
    flexGrow:1);// Create Document ComponentconstMyDocument=()=>(<Document><Page size="A4" style=styles.page><View style=styles.section><Text>Section #1</Text></View><View style=styles.section><Text>Section #2</Text></View></Page></Document>);

Si te gustó nuestro trabajo, eres capaz de dejar un post acerca de qué le añadirías a este artículo.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *