La mia richiesta:
=============
interface IFattura{
ID?: number,
Numero?: number,
Data: Date,
Scadenza: Date,
IDCliente: number,
TipoDocumento: string,
ModalitaDiPagamento: string,
Totale?: number,
Sospesa: ‘S’ | ‘N’,
DataPagamento?: Date,
CopiaConBollo?: ‘S’ | ‘N’,
Pagato?: number,
PdfPath?: string,
Ragione_Sociale?: string,
FattureRighe?: IFatturaRiga[],
}
write a react component rendering data from IFattura with ionic
**Quello che è stato generato: (il codice html lo vedrete già interpretato)
**
=====================
import React from ‘react’;
import { IonCard, IonCardHeader, IonCardTitle, IonCardContent, IonList } from ‘@ionic/react’;
const Fattura: React.FC = ({ Numero, Data, Scadenza, TipoDocumento, ModalitaDiPagamento, Totale, Sospesa, DataPagamento, CopiaConBollo, Pagato, PdfPath, Ragione_Sociale, FattureRighe }) => {
return (
Fattura #{Numero}
Data: {Data.toLocaleDateString()}
Scadenza: {Scadenza.toLocaleDateString()}
Tipo Documento: {TipoDocumento}
Modalità di Pagamento: {ModalitaDiPagamento}
Totale: {Totale}
Sospesa: {Sospesa === ‘S’ ? ‘Si’ : ‘No’}
Data Pagamento: {DataPagamento ? DataPagamento.toLocaleDateString() : ‘Non Pagata’}
Copia con Bollo: {CopiaConBollo === ‘S’ ? ‘Si’ : ‘No’}
Pagato: {Pagato}
PDF Path: {PdfPath}
Ragione Sociale: {Ragione_Sociale}
{FattureRighe.map(riga => (
))}
);
};
export default Fattura;