¿Cómo se puede rastrear y manejar un error que ocurre al usar una promesa en estado rechazado?

Para rastrear y manejar errores al usar una promesa en estado rechazado, puedes usar el método .catch() o el segundo argumento del método .then().

Ejemplo usando .catch():

fetch('https://api.example.com/data')
  .then(response => {
    if (!response.ok) {
      return Promise.reject('Error de red');
    }
    return response.json();
  })
  .then(data => {
    console.log('Datos:', data);
  })
  .catch(error => {
    console.error('Ocurrió un error:', error);
  });

También puedes usar try...catch dentro de una función asíncrona con await:

async function getData() {
  try {
    const response = await fetch('https://api.example.com/data');
    if (!response.ok) {
      throw new Error('Error de red');
    }
    const data = await response.json();
    console.log('Datos:', data);
  } catch (error) {
    console.error('Ocurrió un error:', error);
  }
}
getData();

De esta manera, el manejo de errores en estado rechazado permite reaccionar correctamente a fallos y prevenir que la aplicación falle.