Je možné vytvoriť Html obsah z json údajov v reagovať natívne?

Question 1

Snažím sa vytvoriť html obsah z json údajov v reagovať rodák. V podstate chcem na generovanie PDF z obsahu html, ktoré som už vykonané pomocou statických html obsah v mojom reagovať natívne aplikácie, ale teraz chceme generovať pdf s dynamickým obsahom a rozhodnúť, aby boli údaje v json a previesť ich do obsahu html a potom generovanie pdf z obsahu html.

Naše webové tím už urobil to vykresľovanie json údajov na dom a potom generovanie pdf z dom pomocou reagovať.

Je to možné dosiahnuť rovnaký pomocou reagovať rodák.

Question 2

Môžete to dosiahnuť, ako to urobiť- (použitie backticks namiesto jedného alebo dubble citácie)

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>
`;

Pokladnice príklad pre toto: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

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

Môžete to dosiahnuť, ako to urobiť- (použitie backticks namiesto jedného alebo dubble citácie)

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>
`;

Pokladnice príklad pre toto: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

Je možné vytvoriť Html obsah z json údajov v reagovať natívne?

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii