← React37 / 78
Aturan Hooks (Rules of Hooks)
Aturan Hooks: 1. Panggil Hooks HANYA di tingkat teratas komponen React (jangan di dalam loop/if). 2. Panggil Hooks HANYA dari Komponen atau Custom Hook.
👀 Contoh dulu
// ❌ Salah: if (condition) useState(); // ✅ Benar: useState di top-level
Hasilnya: Menjamin urutan pemanggilan hooks konsisten di setiap render.
💡 React mengandalkan urutan pemanggilan hooks untuk mengasosiasikan state.
📝 Sekarang giliranmu
Buatlah sebuah komponen Header yang mendeklarasikan const [theme] = useState('dark'); di tingkat teratas komponen, mematuhi Aturan Hooks.
Preview