Блог

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

Код селектора выглядит следующим образом

 const LanguageSelect: React.FunctionComponent<Props> = (props: Props) => {  const language = useLanguage();  const currentUser = useCurrentUser();  const { updateUser } = props;   const updateLanguage = useCallback((currentUser, language) => {  updateUser(currentUser.set('language', language));  }, [currentUser, language]);   useEffect(() => {  if (currentUser != null) {  try {  updateLanguage(currentUser, language);  } catch (error) {  console.log(error.message);  }  }  }, [language, currentUser, updateLanguage]);   return (  <Select  background={Color.minimalWhite}  useBorderRadius={true}  onValueChange={props.setLocalizationFunction}  items={languageDictionary}  value={languageDictionary.find((lan) => lan.value === language).label}  />  ); }  

Проблема в том, что когда пользователь выбирает язык, когда он не вошел в систему, а затем выбирает другой язык при входе в систему (например, сначала он выбирает английский, когда он не вошел в систему, затем французский, когда он вошел в систему), когда отображается начальный экран для вошедшего в систему пользователя, он почти сразу отображается повторно. Я не знаю, что происходит, я даже перепробовал всевозможные способы useEffect , чтобы селектор языков запускался только один раз, однако экран все время перерисовывается. Как я могу сделать useEffect запускать только один раз, когда пользователь входит в систему, или они сами меняют язык, чтобы предотвратить автоматическую повторную визуализацию?