SWR 数据作为道具传递给子组件会创建无限获取循环

问题描述

在 SWR 中，一旦我收到 fetch 结果，我想将它作为 prop 传递给子组件。 钩子定义为：

const fetcher = url => axios.get(url).then(res => res.data);

export default function useTeleworkInfoSWR() {

    const { data,error } = useSWR('/teleworkInfo',fetcher);

    return {
        teleworkInfo: data,teleworkInfoIsLoading: !error && !data,teleworkInfoError: error
    }

}

在Home组件中使用如下：

const {teleworkInfo,teleworkInfoIsLoading,teleworkInfoError} = useTeleworkInfoSWR();

...
return (<>
     ...
     <SomeComponent abc={teleworkInfo} />    
</>);

这会造成某种无限循环，而且 SWR 总是很忙。我是否需要在该子组件中单独调用 SWR 而不是将其作为 prop 传递？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）