当我在iPhone Expo上运行react-native 应用程序时,此错误显示在红色背景区域.

不变冲突:元素类型无效:应为字符串(对于内置组件)

这是应用程序."src/components/"文件夹中的js

import React, { Component } from 'react';
import { View, Text } from 'react-native';


export default class App extends Component {
  render() {
    return (
    	<View>
      		<Text>Hello</Text>
      	</View>
    );
  }
}

这是主应用程序.js位于react native app文件夹中.

import App from './src/components/App';

我使用expo应用程序运行此代码.我如何解决这个错误?

推荐答案

expo 希望你能从/App.js台出口一个组件.但现在你只需要输入/App.js个.Expo没有收到任何要渲染的组件.您需要像这样导出导入的组件:

export default App;

On side note:只有在必须的情况下才使用类组件.

React-native相关问答推荐

错误:HostBody::get for prop NativeUnimoduleProxy中出现异常- Android虚拟设备(AVD)使用Expo测试React Native App时崩溃

复活的夹子在Panguesture上崩溃

导出命名空间应首先由 `@babel/plugin-proposal-export-namespace-from` 转换

如何将 react-native 图像从 expo-image-picker 上传到使用 multer 的 Express.js 后端

找不到变量 atob

React-Native:Facebook 和 Google 登录

如何使用 React Navigation 使 TabNavigator 按钮推送模态屏幕

如何重置react-native 动画?

如何解决此错误您可能需要适当的加载程序来处理此文件类型

以编程方式在 React Native 中添加组件

React Native Remote Debugger 在 Chrome 中显示缓存的包

try 添加包时出现错误duplicate entry:com/google/android/gms/internal/zzble.class

如何使用 Typescript 在无状态组件上设置 navigationOptions

渲染时获取未定义不是 React Native 中的对象

如何在 Text 中围绕 Text 包裹 TouchableOpacity?

I18nManager.forceRTL 不会在首次应用加载时应用更改

如何在 react-native 中重叠

无法运行 jetifier React Native

ReactNative Flatlist - RenderItem not working

如何在 React-Native 中停止touch 事件传播