Можно ли создавать Html-контент из данных json в react native?

0

Вопрос

Я пытаюсь создать html - контент из данных json в react native. В основном я хочу создать PDF-файл из html-контента, что я уже сделал, используя статический html-контент в своем приложении react native, но теперь мы хотим создать pdf-файл с динамическим контентом и решить, какие данные должны быть в json, преобразовать их в html-контент, а затем сгенерировать pdf-файл из html-контента.

Наша веб-команда уже сделала это, переведя данные json в dom, а затем создав pdf-файл из dom с помощью react.

Можно ли добиться того же с помощью react native.

1

Лучший ответ

1

Вы можете добиться этого, например, сделав это- (используйте обратные ссылки вместо одиночных или сомнительных кавычек)

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

Пример оформления заказа для этого: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

2021-12-06 05:58:36

На других языках

Эта страница на других языках

Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................