Est-il possible de créer du contenu Html à partir de données json à réagir natif?

Question 1

Je suis en train de créer un contenu html a partir des données json à réagir natif. Fondamentalement, je veux générer du PDF à partir du contenu html qui je l'ai déjà fait à l'aide de html statique du contenu de mon réagir application native, mais maintenant, nous voulons générer un fichier pdf avec le contenu dynamique et de décider de données json et de les convertir en html contenu et ensuite de générer des pdf à partir du contenu html.

Notre équipe web a déjà fait ce rendu les données json dans le dom, puis de générer des pdf à partir du dom à l'aide de réagir.

Est-il possible d'obtenir les mêmes à l'aide de réagir natif.

Question 2

Vous pouvez atteindre cet objectif, comme le faire- (utilisation backticks au lieu de simple ou double quotes)

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 exemple pour ceci: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

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

Vous pouvez atteindre cet objectif, comme le faire- (utilisation backticks au lieu de simple ou double quotes)

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 exemple pour ceci: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

Est-il possible de créer du contenu Html à partir de données json à réagir natif?

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie