How do I use try-catch in React?

How do I use try-catch in React?

You can use try-catch in React to handle errors in asynchronous code or during rendering. Would you like an example?

Yes, please provide an example.

Sure! Here's a simple example:

function MyComponent() {
  try {
    // Some code that might throw an error
    const data = fetchData();
    return <div>{data}</div>;
  } catch (error) {
    return <div>Error: {error.message}</div>;
  }
}

What if I want to handle errors in an async function?

You can use try-catch like this:

async function fetchData() {
  try {
    const response = await fetch('api/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Fetch error:', error);
  }
}