React73 / 78

Handling Crash dengan Error Boundary

Error Boundary menangkap error di komponen anak dan merender Fallback UI daripada membiarkan seluruh aplikasi crash layar putih.

👀 Contoh dulu

<ErrorBoundary fallback={<p>Terjadi kesalahan</p>}><Dashboard /></ErrorBoundary>

Hasilnya: Menyelamatkan bagian aplikasi lain jika salah satu widget error.

💡 Wajib dipasang di sekitar modul-modul penting.

📝 Sekarang giliranmu

Lindungi komponen <Profile /> dari kecelakaan render dengan membungkusnya di dalam komponen pelindung error (ErrorBoundary) yang menampilkan teks <p>Error</p> saat terjadi masalah.

Preview