How to fetch with method GET And Type script

Question

I'm true beginner with type script can you help me with this simple fetch

this is function

export async function askForList(){
   return await fetch('http://127.0.0.1:3333/applist').then((res) => res.json()) 
}

this is expected data

interface RnMcharacter{ 
    id: number,
    img: string,
    name: string,
    number: number
};

I'v tried many combination but moast common error is ERROR in src/transmission/apiserv.ts:27:4 @typescript-eslint/no-unsafe-return: Unsafe return of an any typed value.

Can you show me example of proper function so I can understad what mi doing wrong. Thx

Does this answer your question? Typescript Unsafe return of an `any` typed value — Emma
– Emma, Commented Mar 23, 2022 at 19:30
You can add the type after the method name: function askForList(): RnMcharacter { — MaartenDev
– MaartenDev, Commented Mar 23, 2022 at 19:36

Robin-Hoodie · Accepted Answer · 2022-03-23 19:38:05Z

4

You can type the data prop as RnMcharacter. You can also remove the then call as you're using async|await

export async function askForList(){
  const res = await fetch('http://127.0.0.1:3333/applist');
  const { data }: { data: RnMcharacter } = await res.json();
  return data;
}

answered Mar 23, 2022 at 19:38

Robin-Hoodie

4,9944 gold badges33 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jane Jacek Over a year ago

Thank you so much! it really helped me. I'v fixed one more bug in place where I call the function and now is grate.

Collectives™ on Stack Overflow

How to fetch with method GET And Type script

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related