Es posible crear contenido Html de datos json en reaccionar nativo?

Question 1

Estoy tratando de crear un contenido html de datos json en reaccionar nativo. Básicamente quiero generar PDF de contenido html que ya he hecho uso de html estático contenido en mi reaccionan aplicación nativa, pero ahora queremos generar pdf con contenido dinámico y decidir los datos en json y convertirlos en contenido html y, a continuación, generar pdf desde el contenido html.

Nuestro equipo de la web ya ha hecho esto de representación de los datos json en dom y, a continuación, generar pdf desde el dom utilizando reaccionar.

Es posible lograr el mismo uso de reaccionar nativo.

Question 2

Usted puede lograr esto ganas de hacer esto- (uso de comillas simples inclinadas en lugar de uno o de dubble comillas)

const JsonData = {
   title: 'My PDF File',
   image: 'https://raw.githubusercontent.com/AboutReact/sampleresource/master/pdf.png'
}

const html = `
<html>
  <head>
     <meta charset="utf-8">
     <title>MyPDF</title>
     <style>${htmlStyles}</style>
  </head>
  <body>
    <h1>${JsonData.title}</h1>
    <img src=`${JsonData.image}` />
    {JsonData.otherData}
  </body>
</html>
`;

Checkout ejemplo para esto: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

Vishal Pawar · Answer 1 · 2021-12-06T05:58:36

Usted puede lograr esto ganas de hacer esto- (uso de comillas simples inclinadas en lugar de uno o de dubble comillas)

const JsonData = {
   title: 'My PDF File',
   image: 'https://raw.githubusercontent.com/AboutReact/sampleresource/master/pdf.png'
}

const html = `
<html>
  <head>
     <meta charset="utf-8">
     <title>MyPDF</title>
     <style>${htmlStyles}</style>
  </head>
  <body>
    <h1>${JsonData.title}</h1>
    <img src=`${JsonData.image}` />
    {JsonData.otherData}
  </body>
</html>
`;

Checkout ejemplo para esto: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

Es posible crear contenido Html de datos json en reaccionar nativo?

Pregunta

Mejor respuesta

En otros idiomas

Esta página está en otros idiomas

Popular en esta categoría

Las preguntas más habituales en esta categoría