React native 元素类型无效：应为字符串或类/函数，但得到：未定义，请检查Home的render方法

我正在ReactNative中创建一个应用程序，我遇到了这个问题。以下是包含代码的文件

index.js

import React from 'react';
import {AppRegistry} from 'react-native';
import Home from 'MobileApp/src/users/Home';
AppRegistry.registerComponent('MobileApp', () => App);

import React, {Component} from 'react';
import { View,Button} from 'react-native';
import Profile from './Profile';

class Home extends Component{
  onPressProfile(){ 
    navigate('Profile', { name: 'Profile' })
  }

  render() {
    return(
      <View style={styles.viewStyle}>
        <View style={styles.buttonStyle}>
          <Button
            onPress={this.onPressProfile}
            title="Profile"         
          />  
        </View>     
      </View>
    );  
  }
}

const styles= {
  viewStyle: {
    flex: 1,
    justifyContent: 'center',
  },
};
export default  Home;

import React from 'react';
import {AppRegistry} from 'react-native';
import Home from 'MobileApp/src/users/Home';

AppRegistry.registerComponent('MobileApp', () => Home);

Home.js

import React from 'react';
import {AppRegistry} from 'react-native';
import Home from 'MobileApp/src/users/Home';
AppRegistry.registerComponent('MobileApp', () => App);

import React, {Component} from 'react';
import { View,Button} from 'react-native';
import Profile from './Profile';

class Home extends Component{
  onPressProfile(){ 
    navigate('Profile', { name: 'Profile' })
  }

  render() {
    return(
      <View style={styles.viewStyle}>
        <View style={styles.buttonStyle}>
          <Button
            onPress={this.onPressProfile}
            title="Profile"         
          />  
        </View>     
      </View>
    );  
  }
}

const styles= {
  viewStyle: {
    flex: 1,
    justifyContent: 'center',
  },
};
export default  Home;

import React from 'react';
import {AppRegistry} from 'react-native';
import Home from 'MobileApp/src/users/Home';

AppRegistry.registerComponent('MobileApp', () => Home);

import React，{Component}来自'React'；
从“react native”导入{View，Button}；
从“/Profile”导入配置文件；
类Home扩展组件{
onPressProfile（）{
导航（'Profile'，{name:'Profile'}）
}
render（）{
返回(
);  
}
}
常量样式={
视图样式：{
弹性：1，
为内容辩护：“中心”，
},
};
导出默认主页；

---

错误在my Home.js中。错在哪里？请提前感谢。

在您的

index.js

文件中，您应该使用您的

Home

组件作为应用程序的入口点

Index.js

import React from 'react';
import {AppRegistry} from 'react-native';
import Home from 'MobileApp/src/users/Home';
AppRegistry.registerComponent('MobileApp', () => App);

import React, {Component} from 'react';
import { View,Button} from 'react-native';
import Profile from './Profile';

class Home extends Component{
  onPressProfile(){ 
    navigate('Profile', { name: 'Profile' })
  }

  render() {
    return(
      <View style={styles.viewStyle}>
        <View style={styles.buttonStyle}>
          <Button
            onPress={this.onPressProfile}
            title="Profile"         
          />  
        </View>     
      </View>
    );  
  }
}

const styles= {
  viewStyle: {
    flex: 1,
    justifyContent: 'center',
  },
};
export default  Home;

import React from 'react';
import {AppRegistry} from 'react-native';
import Home from 'MobileApp/src/users/Home';

AppRegistry.registerComponent('MobileApp', () => Home);

---

在实际代码中，

App

未定义。

在

index.js

文件中，您应该使用

Home

组件作为应用程序的入口点

Index.js

import React from 'react';
import {AppRegistry} from 'react-native';
import Home from 'MobileApp/src/users/Home';
AppRegistry.registerComponent('MobileApp', () => App);

import React, {Component} from 'react';
import { View,Button} from 'react-native';
import Profile from './Profile';

class Home extends Component{
  onPressProfile(){ 
    navigate('Profile', { name: 'Profile' })
  }

  render() {
    return(
      <View style={styles.viewStyle}>
        <View style={styles.buttonStyle}>
          <Button
            onPress={this.onPressProfile}
            title="Profile"         
          />  
        </View>     
      </View>
    );  
  }
}

const styles= {
  viewStyle: {
    flex: 1,
    justifyContent: 'center',
  },
};
export default  Home;

import React from 'react';
import {AppRegistry} from 'react-native';
import Home from 'MobileApp/src/users/Home';

AppRegistry.registerComponent('MobileApp', () => Home);

---

在您的实际代码中，

App

未定义。

您可能在这一行有错误：

navigate('Profile', { name: 'Profile' })

需要定义导航以访问它。假设你在向官方学习

和导入导航类似于：

import {
  StackNavigator,
} from 'react-navigation';

const App = StackNavigator({
  Home: { screen: HomeScreen },
  Profile: { screen: ProfileScreen },
});

---

有关导航工作原理的详细信息，

您可能在这一行有错误：

navigate('Profile', { name: 'Profile' })

需要定义导航以访问它。假设你在向官方学习

和导入导航类似于：

import {
  StackNavigator,
} from 'react-navigation';

const App = StackNavigator({
  Home: { screen: HomeScreen },
  Profile: { screen: ProfileScreen },
});

---

有关导航工作原理的更多信息，您可以发布错误屏幕的屏幕截图吗？此外，代码似乎丢失了很多部分。如果您提供一些完整的代码以避免混淆，那就更好了。在

onPressProfile（）

中，什么是

导航

？您可以发布错误屏幕的屏幕截图吗？此外，代码似乎丢失了很多部分。如果您提供一些完整的代码以避免混淆，那就更好了。什么是

在
onPressProfile（）中导航
？