React-Native this.props.navigation.navigate не работает внутри функции get_id ()

Question

Я использую React-Native для реализации домашнего экрана с условием if внутри get_Id (). На своей странице я использую функцию get_Id (), чтобы получить userId из AsyncStorage, если я не получил userId, который мне нужен перенаправить экран на экран входа в систему для этого я использовал this.props.navigation.navigate("LogIn");

Но я получаю ошибку

Error:Element type is invalid:expected a string(for built-in components)or a class/function 
(for composite component) but got:undefined.
You likely forgot to export your component from the files it's definedi , 
or you might have mixed up default and named imports 
check the render method of HeaderBackButton 

Мой код:

get_Id = async () => {
    try {
      const userId = await AsyncStorage.getItem('USER_ID')
      if (userId !== null) {
        this.setState({ userId: userId })
      } else {
        this.setState({ userId: null });

        this.props.navigation.navigate("LogIn");  

      }

    } catch (error) {
      console.log('AddPost Screen : get_Id No user Found')

    }
  }

проверьте мой код, если кто-нибудь найдет ошибку в моем коде, пожалуйста, дайте мне знать решение.

Спасибо. Счастливое кодирование ..

Answer 1

Я только что нашел решение для своей проблемы, удалив код, связанный с React-Navigation 4.X, и получил эту ошибку, потому что недавно я обновил React Navigation-4.X до React Navigation-5.x, Do для React Navigation- 4.X обновление Я получил так много ошибок, связанных с навигацией.

import { NavigationEvents } from '@react-navigation/native';

<NavigationEvents
   onDidFocus={() => Alert.alert('Home')}
   onDidFocus={console.log('Home Screen')
/> 

Я только что удалил приведенный выше код, чтобы преодолеть ошибку.