È possibile creare il contenuto Html da dati in formato json, reagiscono nativo?

Question 1

Sto cercando di creare un contenuto html da dati in formato json, reagiscono nativo. Fondamentalmente voglio generare un PDF con contenuto html che ho già fatto uso di html statico contenuto nel mio reagire app native, ma ora vogliamo generare un pdf con contenuti dinamici e decidere che i dati in json e la loro conversione in html dei contenuti e quindi generare un pdf con il contenuto html.

Il nostro team web ha già fatto il rendering di dati json in dom e quindi la generazione di pdf da dom utilizzo di reagire.

È possibile ottenere lo stesso utilizzo di reagire nativo.

Question 2

È possibile ottenere questo come si fa questo- (utilizzare gli apici inversi invece di un singolo o doppio virgolette)

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 per esempio questo: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

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

È possibile ottenere questo come si fa questo- (utilizzare gli apici inversi invece di un singolo o doppio virgolette)

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 per esempio questo: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

È possibile creare il contenuto Html da dati in formato json, reagiscono nativo?

Domanda

Migliore risposta

In altre lingue

Questa pagina è in altre lingue

Popolare in questa categoria

Domande popolari in questa categoria