react 循環渲染 問題

1.循環渲染問題

a

    <Button onClick={fun()}>
   //  fun函數會每次渲染都執行，如果fun裏面設置了狀態， 
     // 就會永遠渲染

b.

  const ListPage = ({
     filterParam = {}, //如果引用這個組件的父組件一直不傳 
       //遞值，就會導致循環渲染
         }) => {
        useEffect(() => {
             fetchListData();
                  }, [filterParam]);
           //filterParam 對象比較的是引用地址，引用地址每 
             //次渲染時變化了，所以副作用會執行
            }