Как назвать данные в реагирующем pdf? - PullRequest
Новая
       11

Как назвать данные в реагирующем pdf?

0 голосов
/ 13 февраля 2020

есть проект, который генерирует 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 отмечает данные, которые мне нужно вызвать.

1 Ответ

0 голосов
/ 14 февраля 2020

Создайте новую переменную состояния и сохраните там все детали. Например, внутри контейнера this.state = {phone: 99999999, ...}. Затем в текстовые теги добавьте атрибут value, например: value = {this.state.phone}.

Для получения дополнительной информации о том, как передавать значения, перейдите по следующей ссылке:

Passing реагировать входные значения текстового поля как параметры на метод

...