-2

有一个生成 PDF 的项目,但我需要传递参数并阅读它。我搜索了文档,但没有找到任何对我有帮助的文档。

import React from 'react';
import { Page, Text, View, Document, StyleSheet, Image} from '@react-pdf/renderer';
import logo from "./logo.png";
import firma from "./firma.png";
import imagen from "./1.jpg";    

const MyDocument = () => (
      <Document>
        <Page size="A4" style={styles.pag}>
          <View style={styles.firma}>
            <Image src={logo}/>
          </View>
          <View >
            <Text style={styles.client}>Nombre: Xxxxx Xxxxx | RUT: XX.XXX.XXX-X | Correo: xxxxx@xxxx.xxx | Teléfono: +56 9 XXXX XXXX</Text>
          </View>
          <View style={styles.imagen}>
            <Image src={imagen}/>
          </View>
          <View style={styles.info}>
            <Text style={styles.h1}>Datos de propiedad</Text>
          </View>
          <View style={styles.info}>
            <Text>UF: XX.XXX</Text>
            <Text>Tipo de propiedad: XXXXXXX</Text>
            <Text>Dirección: XXXXXX</Text>
            <Text>Metros construidos: XXXX</Text>
            <Text>Metros de terreno/terraza: XXXXX</Text>
            <Text>Dormitorios: XX</Text>
            <Text>Baños: XXX</Text>
          </View>
        </Page

X 标记我需要调用的数据。

4

1 回答 1

0

创建一个新的状态变量并将所有详细信息存储在其中。例如,在容器内,this.state={phone: 99999999, ... }。然后在您的文本标签中添加值属性,例如:value={this.state.phone}。

有关如何传递值的更多参考,请访问以下链接:

将反应文本字段输入值作为参数传递给方法

于 2020-02-13T21:05:38.983 回答