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

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]);