Запретить компоненту React сброс данных при открытии диалогового окна - PullRequest
Новая
       9

Запретить компоненту React сброс данных при открытии диалогового окна

0 голосов
/ 04 июля 2019

Я с трудом пытаюсь понять, как предотвратить сброс переменных компонента при открытии диалога. У меня есть вызов API в одном компоненте, где я извлекаю данные и отображаю данные в компоненте, но всякий раз, когда я пытаюсь открыть диалоговое окно, происходит вызов API, и переменные компонента сбрасываются при каждом открытии и закрытии диалога. 

const UserContent = props => {
   const [key, setKey] = useState();
   const [data, setData] = useState();

   const getData = async () => {
      if (!key) {
         return;
      }
      // fetches data with respect to key
      setData(values);
   };

   const getKey = async () => {
      // API call to fetch the key
      setKey(key);
   };

   useAsync(getKey, [!key]);
   useAsync(getData, [key]);

   return (
     // UI template to display the data with loader
   );
};

export default UserContent;

Я не хочу вызывать вызовы API и сбрасывать значения ключей и данных при каждом открытии или закрытии диалога. Я надеюсь, что кто-то поможет мне найти решение.

Я новичок в React, и я начал свое путешествие в React всего 2 недели назад. Заранее спасибо.

...