react hooks 之useEffect的使用

1.当参数是空数组：useEffect是相当于componentDidMounted和DidUpdate两个周期函数，useEffect放个空数组就不会重复执行

2.当参数为一个时，相当于执行componentDidUpdata

const [num, changeNum] = useState(0); //定义一个num 初始值为0 修改方法为changeNum
 useEffect(() => {
    console.log(dataList);
  }, [num]);

3.当参数为两个或者多个时，其中某一个变化都会触发

const [num, changeNum] = useState(0); //定义一个num 初始值为0 修改方法为changeNum
  const [dataList, getDataList] = useState<any>({
    data: [
      //定义一个数组进行循环
      {
        id: 1,
        name: "lili",
        likecolor: "yellow",
      },
      {
        id: 2,
        name: "pipi",
        likecolor: "red",
      },
    ],
  });
  useEffect(() => {
    console.log(dataList);
  }, [num,dataList])