# chatGPT mi genera un componente React (un domani inde cloud) partendo da linguaggio naturale

**URL:** <https://community.instantdeveloper.com/t/chatgpt-mi-genera-un-componente-react-un-domani-inde-cloud-partendo-da-linguaggio-naturale/400>\
**Category:** Non categorizzato\
**Created:** [9 Febbraio 2023, 1:18pm UTC](https://community.instantdeveloper.com/t/chatgpt-mi-genera-un-componente-react-un-domani-inde-cloud-partendo-da-linguaggio-naturale/400 "2023-02-09T13:18:02Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![poidomani47](https://community.instantdeveloper.com/user_avatar/community.instantdeveloper.com/poidomani47/32/185_2.png) [@poidomani47](https://community.instantdeveloper.com/u/poidomani47)\
**Post date:** [9 Febbraio 2023, 1:18pm UTC](https://community.instantdeveloper.com/t/chatgpt-mi-genera-un-componente-react-un-domani-inde-cloud-partendo-da-linguaggio-naturale/400/1 "2023-02-09T13:18:02Z")

</div>

**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)

 ![_niente](https://community.instantdeveloper.com/uploads/default/original/1X/8b942c4d67e4c203872a70e61f28f8baa6843215.png)  
\*\*  
**=====================**  
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 =\> (  
- {riga.Descrizione}: {riga.Quantita} x {riga.PrezzoUnitario} = {riga.Totale}
  
))}  
  
  
  
);  
};

export default Fattura;