Array map to new type in TypeScript
In my recent Nextjs project, need to shape object array to a different type.
Mapping through the entire array in my arrow function and return the new object.
Even though the return statement work. The type is still unknown. So, I have to covert the result into array of my type.
Mapping Array Type
export type LatestInvoiceType={
  id:number;
  amount: number;
  customer:{
    name:string;
    email:string;
    image_url:string;
  }
}
New Type
 export type LatestInvoice = {
  id: string;
  name: string;
  image_url: string;
  email: string;
  amount: string;
};
Solution to the problem
Here is my solution to the problem
    const latestInvoices  = invoices.map(invoice =>  {
      return{
      id:invoice.id.toString(),
      amount:invoice.amount.toString(),
      name:invoice.customer?.name,
      email:invoice.customer?.email,
      image_url:invoice.customer?.image_url
      };
    }) as LatestInvoice[] ;
Comments
Post a Comment