How can I use the Fetch API in TypeScript?

How can I use the Fetch API in TypeScript?

You can use the Fetch API in TypeScript by defining the types for the response data. Here's a simple example.

Can you show me a code snippet?

Sure! Here's a basic example:

interface User {
  id: number;
  name: string;
}

async function fetchUsers(): Promise<User[]> {
  const response = await fetch('https://api.example.com/users');
  const data = await response.json();
  return data;
}

What if the API returns an error?

You can handle errors using a try-catch block. Here's how:

async function fetchUsers(): Promise<User[]> {
  try {
    const response = await fetch('https://api.example.com/users');
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Fetch error:', error);
    return [];
  }
}