组件参数更改时刷新外部数据

Question

我正在使用 useAsync（来自 react-use）来获取外部数据。 相关代码如下所示

export const MyComponent: FC = () => {
     const {param1,param2} = useParams as {
           Param1: string,
           Param2: string
       }
      const(value,loading,error) = useAsync(async():Promise<MyData> => {getSomeData..});
     ...        

}

如果此页面路由到自身，但更新了参数（param1 和 param2），则不会重新获取外部数据。 换句话说，useAsync 行不会被重新执行

页面参数发生变化时如何重新加载外部数据？

Answer 1

你可以试试这个；

      const(value,loading,error) = useAsync(async():Promise<MyData> => {getSomeData..}, [param1, param2]);