useEffect

在class component时，分别有三个生命周期componentDidUpdate、componentDidMount、componentWillUnmount这三个阶段都可以在一个effect完成

来我们看一段code

import { useEffect } from 'react';

useEffect(() => {
	...someting code
	
	return () => {
		...clear something
	}
} , [dependency])

那如何用useEffect呈现三个生命周期呢！

1. 如何实作DidMount

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

假如把dependency设为一个空的阵列(array)这样就会跟class component里的componentDidMount一样只会在dom mount後执行一次

1. 如何实作WillUnmount

useEffect(() => {
	...subscrption something

	return () => {
		...unSubscription something
	}
}, [特殊的ID]);

假如我们在effect里面return 一个function 他就会在下次DidUpdate时进行清除的动作

以这段程序来说，说订阅一个特殊Id(叫ID: 9527)，如果下一次要订阅(ID: 0001)他就会进行清除ID:9527的订阅．

1. 如何实作DidUpdate

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

这部分重点是dependency，如果依赖值做更改的话，整个effect会重新执行一次来达到componentDidUpdate的功能

再补上useEffect的优化....我再想想有啥例子