如何在 react-native-html-to-pdf 中动态添加一个值

Question

我正在尝试从用户那里获取输入，然后将其保存为 pdf 文件，但在示例中没有显示如何在 pdf 中添加动态值的任何方法这是例子

async createPDF() {
    let options = {
      html: '<h1>PDF TEST</h1>',
      fileName: 'test',
      directory: 'Documents',
    };

    let file = await RNHTMLtoPDF.convert(options)
    // console.log(file.filePath);
    alert(file.filePath);

  }

我正在尝试做这样的事情

async createPDF() {
    let options = {
      html: '<h1>PDF {this.state.value}</h1>',
      fileName: 'test',
      directory: 'Documents',
    };

    let file = await RNHTMLtoPDF.convert(options)
    // console.log(file.filePath);
    alert(file.filePath);
  }

Answer 1

您可以使用Template Literals

async createPDF() {
    let options = {
      html: `<h1>PDF ${this.state.value}</h1>`,
      fileName: 'test',
      directory: 'Documents',
    };

    let file = await RNHTMLtoPDF.convert(options)
    // console.log(file.filePath);
    alert(file.filePath);
  }

请注意，这假设 this.state 可用于函数范围

Answer 2

您或许可以添加一个 setter 函数来动态创建您的 html 然后将其设置为字符串。

如何在 react-native-html-to-pdf 中动态添加一个值

how to dynamically add a value in react-native-html-to-pdf

html-to-pdf

npm

reactjs

react-native