Hooks (useState, useEffect เป็นต้น) มีสองกฎ:
- เรียก hooks เฉพาะที่ top level เท่านั้น — ไม่เคยภายในเงื่อนไข loops หรือ nested functions
- เรียก hooks จากฟังก์ชัน React เท่านั้น — components หรือ custom hooks อื่นๆ
jsx
() {
[user, setUser] = ();
(id) {
[x] = ();
}
}
