Блог

У меня много проблем с выяснением того, что означают загадочные сообщения об ошибках React Native. У меня была следующая ошибка около тридцати минут, и после всех моих поисков в Google я все еще не знаю, как это исправить: не удалось найти «компонент», «GetComponent» или «дочерний» реквизит для экрана «User».

Мой модуль приложения:

 import React, { useEffect, useState } from 'react';
import { ActivityIndicator, FlatList, Button, View, Text, Image, StyleSheet } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { UserDetailScreen } from './app/screens/UserDetailScreen';

const Stack = createStackNavigator();

function MyStack() {
  return (
    <Stack.Navigator>
      <Stack.Screen name="User" component={UserDetailScreen} />
    </Stack.Navigator>
  );
}

export default function App() {
  console.log("test");
  console.log(UserDetailScreen);
  return (
    <NavigationContainer>
      <MyStack />
    </NavigationContainer>
  );
}
  

Мой UserDetailScreen

 import React from 'react';
import { SafeAreaView, View, StyleSheet } from 'react-native';
import { ActivityIndicator, FlatList, Button, Text, Image } from 'react-native';
import {styles} from '../assets/stylesheets/UserDetailStyles';

export default class UserDetailScreen extends React.Component<Props> {
  render = ({ navigation }) => {...return components}
}
  

Вы экспортируете класс по умолчанию в UserDetailScreen.js . Импортируйте класс по умолчанию следующим образом: import UserDetailScreen from './app/screens/UserDetailScreen';