React Native - 组件异常

大佬教程收集整理的这篇文章主要介绍了React Native - 组件异常，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决React Native - 组件异常？

在运行我的本机反应时，我收到一个错误，指出组件异常（未定义不是对象（评估“this.renderScreenComponents”）。我正在尝试创建一个抽屉菜单。在我开始尝试实现菜单之前，一切正常。

import { StyleSheet } from "react-native";
import { NavigationContainer } from "@react-navigation/native";
import { createStackNavigator } from "@react-navigation/stack";
import { createDrawerNavigator } from "@react-navigation/drawer";
import ListVIEw from "./src/screens/components/List_vIEw";
import DetailVIEw from "./src/screens/components/detail_vIEw";
import ScreenA from "./src/screens/drawer/screenA.Js";
import ScreenB from "./src/screens/drawer/screenB.Js";
import ScreenC from "./src/screens/drawer/screenC.Js";

const Stack = createStackNavigator()
const Drawer = createDrawerNavigator()

// this is the problematic part
renderScreenComponents = () => (
  <Stack.Navigator>
    <Stack.Screen name="Home" component={ListVIEw} />
    <Stack.Screen name="Detail" component={DetailVIEw} />
  </Stack.Navigator>
);

export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator>
        <Drawer.Screen name="Home" children={this.renderScreenComponents} />
        <Drawer.Screen name="Screen A" component={ScreenA} />
        <Drawer.Screen name="Screen B" component={ScreenB} />
        <Drawer.Screen name="Screen C" component={ScreenC} />
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,backgroundcolor: "#fff",alignItems: "center",justifyContent: "center",},});

我已经确保任何文件中没有错别字，但我仍然不确定发生了什么。我真诚地感谢任何帮助。 提前致谢！

附言这是 JavaScript

解决方法

const renderScreenComponents = () => (
  <Stack.Navigator>
    <Stack.Screen name="Home" component={ListView} />
    <Stack.Screen name="Detail" component={DetailView} />
  </Stack.Navigator>
);

大佬总结

以上是大佬教程为你收集整理的React Native - 组件异常全部内容，希望文章能够帮你解决React Native - 组件异常所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。