Behandlung asynchroner Aktionsfehler mittels Try-Catch

import { useState } from 'react';
 
export function SaveForm() {
  const [errorMessage, setErrorMessage] = useState(null);
 
  const handleSave = async () => {
    try {
      setErrorMessage(null);
      await Promise.reject(new Error('Network request failed'));
    } catch (err) {
      setErrorMessage(err.message);
    }
  };
 
  return (
    <div>
      <button onClick={handleSave}>Save</button>
      {errorMessage && <p role="alert">{errorMessage}</p>}
    </div>
  );
}