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>; }

Бул кодду консолдо иштеткенде, чыгуу тартиби төмөндөгүчө болот:

1
3
2
4

Түшүндүрмө:

• App компоненти рендерделип жатканда, биринчи console.log('1') ишке ашат.
• Андан соң, Child компоненти рендерделип, анда console.log('3') чакырылат.
• Рендер аяктагандан кийин, React useEffect таасирлерин алардын жарыяланган тартибинде чакырат, бирок гана компоненттер орнотулгандан кийин.
• Биринчиден, App'тен таасир (console.log('2')), андан соң Child'тен (console.log('4')) таасирлер ишке ашат.
• Ошентип, синхрон логдор функция чакыруулар тартибинде жүрөт, ал эми таасирлер рендерден кийин, алардын жарыяланган тартибинде ишке ашат.