Este posibil pentru a crea conținut Html de date json în react nativ?

Question 1

Eu sunt încercarea de a crea un conținut html de date json în react nativ. In principiu vreau pentru a genera PDF la html conținut care am făcut deja folosind html static conținut în react nativ app, dar acum ne-o dorim pentru a genera pdf cu conținut dinamic și de a decide care date să fie în json și de a le converti în conținut html și apoi a genera pdf la html conținut.

Echipa web a făcut deja acest lucru făcând date json în dom și apoi generarea pdf de la dom folosind reacționa.

Este posibil pentru a obține același utilizarea react nativ.

Question 2

Puteți realiza acest lucru ca a face acest lucru- (utilizarea backticks în loc de o singură sau pe citate)

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 exemplu pentru acest lucru: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

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

Puteți realiza acest lucru ca a face acest lucru- (utilizarea backticks în loc de o singură sau pe citate)

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 exemplu pentru acest lucru: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

Este posibil pentru a crea conținut Html de date json în react nativ?

Problema

Cel mai bun răspuns

În alte limbi

Această pagină este în alte limbi

Popular în această categorie

Întrebări frecvente în această categorie