Обновлять внешние данные при изменении параметров компонента

#reactjs #react-hooks

#reactjs #реагирующие крючки

Вопрос:

Я использую 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 не выполняется повторно

Каков способ перезагрузки внешних данных при изменении параметров страницы?

Комментарии:

1. Вы можете использовать перехват useEffect для просмотра значений параметров: reactjs.org/docs/hooks-effect.html

Ответ №1:

Вы можете попробовать это;

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