Reactjs 如何在react native html到pdf中动态添加值

Reactjs 如何在react native html到pdf中动态添加值,reactjs,react-native,npm,html-to-pdf,Reactjs,React Native,Npm,Html To Pdf,我试图从用户那里获取一个输入,然后将其保存为pdf文件,但在这个示例中,没有任何方法显示如何在pdf中添加动态值 这是一个例子 async createPDF() { let options = { html: '<h1>PDF TEST</h1>', fileName: 'test', directory: 'Documents', }; let file = await RNHTMLtoPDF.conver

我试图从用户那里获取一个输入,然后将其保存为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(){
让选项={
html:“PDF测试”,
文件名:“测试”,
目录:“文档”,
};
让file=await RNHTMLtoPDF.convert(选项)
//console.log(file.filePath);
警报(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);
  }
async createPDF(){
让选项={
html:'PDF{this.state.value}',
文件名:“测试”,
目录:“文档”,
};
让file=await RNHTMLtoPDF.convert(选项)
//console.log(file.filePath);
警报(file.filePath);
}
您可以使用

async createPDF(){
让选项={
html:`PDF${this.state.value}`,
文件名:“测试”,
目录:“文档”,
};
让file=await RNHTMLtoPDF.convert(选项)
//console.log(file.filePath);
警报(file.filePath);
}

请注意,这假设函数作用域可以使用
this.state
,您可以添加一个setter函数,动态创建html,然后将其设置为字符串

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);
  }