找不到屏幕"用户"的"组件"、"获取组件"或"子"道具

Question

我很难弄清楚React Native的神秘错误消息是什么意思。我已经有以下错误大约三十分钟了，在我所有的谷歌搜索之后，我仍然不知道如何修复它：找不到屏幕"用户"的"组件"、"getComponent"或"children"道具。

我的应用程序模块：

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>
);
}

我的用户详细信息屏幕

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}
}

Answer 1

您正在UserDetailScreen.js中导出默认类。导入一个默认类，如下所示：import UserDetailScreen from './app/screens/UserDetailScreen';