const Effects = () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("ар бир кайра карап чыгуу 1")); console.log("ар бир кайра карап чыгуу 2"); useEffect(() => console.log("ар бир кайра карап чыгуу 3")); return ( <> {count} <button onClick={() => setCount((prevProps) => ++prevProps)}> Көбөйтүү </button> </> ); }; export default Effects; // 1 кайра карап чыгуу: // Кийинки баскычтан кийин: const Effects = () => { const [count, setCount] = useState(0); const [number, setNumber] = useState(0); useEffect(() => { console.log(count); return () => { console.log(count); }; }); return ( <> {count} <button onClick={() => setCount((prevProps) => ++prevProps)}> Көбөйтүү </button> </> ); }; export default Effects; // 1 кайра карап чыгуу: // 2 1 3 // Кийинки баскычтан кийин: // 2 1 3 // null кайтаруу: // 2 1 3 // // 1: 1, 0 // +: 1, 2 // ++: 2, 2