react中关于hook介绍及其使用(4)

在上面的这段代码中，就使用到了useEffect这个hook，在每次count值改变时，就会在页面中去打印“You clicked ${count} times”这段文字，当然count肯定对应的就是其所对应的值。
useEffect去取代calss中的生命周期函数的方式
react中有状态组件中，其生命周期函数的各个阶段
在Mounting阶段constructor()static getDerivedStateFromProps()render()componentDidMount()2. Updating
static getDerivedStateFormPropsshouldComponentUpdate()render()getSnapshotBeforeUpdate()componentDidUpdate()3. UnMouting
componentWillUnmount()使用hook去代替生命周期函数的方式

constructor: 可以通过useState来初始化statecomponentDidMount(),在hook中需要使用下面的这种方式去取代，在useEffect中传递第二个参数，该参数为一个空数组，只会去执行一次，如下面所示