react useEffect updating mounting unmounting的简单使用

已经了解了基本用法，可以组合起来使用试试看：、

第一个useEffect:只会在组件挂载的时候调用一次，

第二个useEffect:会在count变化的时候进行调用，

第一个useEffect还会返回一个函数，在卸载的时候进行打印。

（也就是说，useEffect可以参与卸载更新挂载）

import React, { useState, useEffect } from 'react';
function MyComponent() {
const [count, setCount] = useState(0);
useEffect(() => {
console.log('Component mounted');
return () => {
console.log('Component will unmount');
};
}, []);
useEffect(() => {
console.log('Component updated');
console.log('Count changed');
}, [count]);
const incrementCount = () => {
setCount(prevCount => prevCount + 1);
};
return (
<div>
<p>Count: {count}</p>
<button onClick={incrementCount}>Increment</button>
</div>
);
}