React ⚛️
February 23, 2024

Early return bilan muammo.

Yaqinda yarim soatdan ko'proq judayam oddiy xatoni deb muammoni topa olmay o'tirdim.

Tasavvur qiling bizda quyidagicha kod bor:

Some logic

Ammo ushbu kodni yozishingiz bilan sizda bunday xato kelib chiqdi:

Koddagi xatolik

useEffect ichida yozilgan logicni ko'rasiz, unda xato yo'q, unga aloqador funksiyalargacha izlab chiqasiz, ammo topilmayapti.

Man qilgan xato, eng oxirgi gapga e'tibor qilmasdan, xatolikni birinchi qismi bilan chegaralanib qolganim edi:

Did you accidentally call a React Hook after an early return?  react-hooks/rules-of-hooks

Xatolik aslida bu yerda:

Early return

Bu kod shunchaki biz foydalangan useEffectdan yuqorida joylashgan, bu early return deyiladi. Returndan keyin hooklardan foydalanmaslik kerak.

Judayam oddiy xatolik, shunday emasmi? Ammo bunday muammolarga ko'p duch kelib qolamiz, tabiiyki bu yoqimsiz jarayon.

Hooklardan foydalanishning umumiy qoidalari haqida bu yerda o'qish mumkin:

https://react.dev/warnings/invalid-hook-call-warning

https://legacy.reactjs.org/docs/hooks-rules.html

Telegram kanal: https://t.me/aIfarghani