import { useState, useEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); return <Child />; } function Child() { console.log('3'); useEffect(() => { console.log('4'); }, []); return <div>Bcraft</div>; }

Ushbu kodni konsolda ishga tushirganda, chiqish tartibi quyidagicha bo'ladi:

1
3
2
4

Tushuntirish:

• App komponenti render qilinayotganda, avvalo console.log('1') bajariladi.
• Keyin Child komponenti render qilinadi, u yerda console.log('3') chaqiriladi.
• Render yakunlangach, React useEffect ta'sirlarini ularning e'lon qilish tartibida chaqiradi, lekin faqat komponentlar montaj qilinib bo'lingach.
• Avvalo App (console.log('2')), keyin Child (console.log('4')) ta'sirlari bajariladi.

Shu tarzda, sinxron loglar funksiyalar chaqirilish tartibida ketadi, ta'sirlar esa renderdan so'ng, e'lon qilish tartibida bajariladi.