1分钟看懂React的useEffect变形记

useEffect

执行时机：组件初始化,组件更新（组件内state变化）

useEffect(() => {
    
}) 

执行时机：组件初始化

useEffect(() => {
    
},[]) 

执行时机：组件初始化，依赖的状态发生变化（X可多个）

useEffect(() => {
    
},[X]) 

执行时机：组件卸载

useEffect(() => {
    
    return ()=>{
		console.log(组件卸载)
	}
}) 

执行时机：组件卸载，依赖的状态发生变化（X可多个）

useEffect(() => {
    //这里的X是新值
    return ()=>{
		console.log(组件卸载)
		//这里的X是旧值（上一次状态）
	}
},[X]) 

useState

const [count,setCount] = useState(0)
const [count,setCount] = useState( ()=>{ return('张三')} )

//使用 展示
<>{count}</>

//修改
() => {
    setCount(count + 1)
    console.log(count) //函数执行后，打印依然是0 （因为组件更新是异步的）
}