react 循环渲染 问题

1.循环渲染问题

a

    <Button onClick={fun()}>
   //  fun函数会每次渲染都执行，如果fun里面设置了状态， 
     // 就会永远渲染

b.

  const ListPage = ({
     filterParam = {}, //如果引用这个组件的父组件一直不传 
       //递值，就会导致循环渲染
         }) => {
        useEffect(() => {
             fetchListData();
                  }, [filterParam]);
           //filterParam 对象比较的是引用地址，引用地址每 
             //次渲染时变化了，所以副作用会执行
            }