React-native 没有将组件识别为组件

Posted 2023-02-23

【中文标题】React-native 没有将组件识别为组件

【英文标题】：React-native is not recognizing a component as a component

【发布时间】：2019-03-30 14:52:49

【问题描述】：

我有一个 react-native 应用，使用 react-navigation。

我使用了一个完美运行的示例，但是当我添加我自己的组件时，我收到一条错误消息，它不是一个组件。

错误信息：

"路由 Loginscreen 的组件必须是 react 组件"

有效组件的代码：

class DetailsScreen extends React.Component  render() 
   return ( <View style= flex: 1, alignItems: 'center', justifyContent: 'center' >
    <Text>Details Screen</Text>
  </View>);

不起作用的组件代码：

class Login extends React.Component 
 render() 
   return (
    <ImageBackground source=require('./assets/Background.png') style=styles.background>
  </ImageBackground>
);

我当然有导入，我已经这样做了：

export default createStackNavigator(   
   Home:  screen: HomeScreen, ,
   Details:  screen: DetailsScreen,,
   LoginScreen:  screen: Login,,,
 initialRouteName: 'Login',);

我完全糊涂了，因为没有功能差异，文档没有提到这一点，我也找不到类似的问题

感谢您抽出宝贵时间阅读本文

【问题讨论】：

错误是什么？

@ArielSalem "路由 Loginscreen 的组件必须是 react 组件"

您如何导出登录组件以及如何将登录组件导入导航器？

@ArielSalem 我偶然发现了答案。事实证明，“屏幕”必须在“导出默认 createStackNavigator”之前，我将它放在组件的中间。感谢您花时间帮助我

没问题，很高兴你明白了

【参考方案1】：

哇！

我试图自己测试这个以修复它，突然它起作用了。查看编辑历史，我发现我已将“导出默认 createStackNavigator”从 app.js 的 middel 移至底部。

我是 .net 开发人员，因此根据我的经验，这并不直观