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
