를 만드는 것이 가능합니다 Html 콘텐츠에 json 데이터에 반응하는 기본?

0

질문

을 만들려고 html 콘텐츠에 json 데이터에 반응합니다. 기본적으로 나를 생성하고 싶 PDF html 에서는 콘텐츠를 이미 사용하여 수행되는 정적 html 콘텐츠에 반응하는 네이티브 응용 프로그램,하지만 지금은 우리가 생성하려는 pdf 파일을 동적 콘텐츠를 결정할 데이터 json 및로 변환하 html 콘텐츠를 생성 pdf html content.

당사 웹 팀은 이미 수행한 렌더링 json 으로 데이터 dom 을 생성 pdf dom 에서 사용하여 반응합니다.

그것은 가능한한 사용하여 반응합니다.

1

최고의 응답

1

이를 달성할 수 있습는 것과 같이- (사용 backticks 대신 하나 또는 할리우드 언데드 지수)

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

체크 아웃에 대한 예 this: 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ý
..................................................................................................................