react hooks 中 useEffect 第二个参数，不传和传空数组的区别

之前一直觉得，useEffect的第二个参数传空数组或者不传，没什么区别来着。
今天试试确实是有所不同：

• useEffect(func,[])：空数组类似 componentDidMount 的生命周期，只在第一次 render 的时候执行func
• useEffect(func): 类似于 componentDidMount 和 componentDidUpdate 一起的生命周期，在组件的每次 render 执行或更新的时候，func都会执行

import { useEffect } from 'react';
 
export default ({ name }) => {

  /**
   * 传空数组：只有第一次渲染的时候会打印。
   * 当name发生改变的时候，useEffect不会再次执行。
   */
  useEffect(() => {
    console.log('useEffect'); 
  }, []);

  return <div>async test{name}</div>;
};

import { useEffect } from 'react';
 
export default ({ name }) => {

  /**
   * 不传入第二个参数，当第一次渲染会执行打印。
   * 后续，每一次name有变化，都会打印
   */
  useEffect(() => {
    console.log('useEffect');
  });
  return <div>async test{name}</div>;
};

ref:
https://blog.csdn.net/wwj_2016/article/details/125020048