在react native中使用react-native- html - to -pdf库时，如何在html中生成动态值的html表？

npm install react-native-html-to-pdf

yarn add react-native-html-to-pdf

import RNHTMLtoPDF from 'react-native-html-to-pdf';
import { View, Button } from 'react-native';

const generateHTMLTable = () => {
  // 创建一个包含动态值的数据数组
  const data = [
    { name: 'John', age: 25 },
    { name: 'Jane', age: 30 },
    { name: 'Bob', age: 35 }
  ];

  // 生成动态值的html表格
  let html = '<table>';
  html += '<tr><th>Name</th><th>Age</th></tr>';
  data.forEach((item) => {
    html += `<tr><td>${item.name}</td><td>${item.age}</td></tr>`;
  });
  html += '</table>';

  return html;
};

const generatePDF = async () => {
  const html = generateHTMLTable();

  // 设置PDF的配置选项
  const options = {
    html: html,
    fileName: 'dynamic_table.pdf',
    directory: 'Documents',
  };

  // 生成PDF文件
  const file = await RNHTMLtoPDF.convert(options);
  console.log(file.filePath);
};

<View>
  <Button title="Generate PDF" onPress={generatePDF} />
</View>