react中使用useEffect

HooK是React 16.8的新增特性。它可以让你在不编写class的情况下使用state以及其他的react特性。
Effect Hook可以让你在函数组件中执行副作用操作。数据获取、启动定时器/设置订阅以及手动更改React组件中的DOM都属于副作用。

提示：
你可以把 useEffect HooK看做 componentDidMount、componentDidUpdate和componentWillUnmount这三个函数的组合。

语法

import React, {
    useEffect } from 'react';
...
useEffect(() => {
   
	// 在此处可以执行带副作用的操作
	...
	
	// 在组件卸载前执行，在里面做一些清除操作，比如清除定时器/取消订阅等
	return () => {
   }
}, [value]);
...

示例

import React, {
    useState, useEffect } from 'react';

function Example() {
   
  const [count, setCount]