React-Native Invariant Violation：要素タイプが無効です

Question

iPhone Expoで反応するネイティブアプリを実行すると、このエラーは赤い背景領域に表示されます。

不変違反：要素タイプが無効である：（内蔵コンポーネントの）文字列を期待 または（複合コンポーネントの場合）クラス/関数ですが、得た：オブジェクト。あなたは おそらくそれがで定義されていたファイルからコンポーネントをエクスポートするのを忘れた。

は

これは「SRC /コンポーネント/」フォルダ内App.js

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

 

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

これがメインです反応したネイティブのアプリフォルダ内のApp.js。

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

私はこのコードを実行するための博覧会のアプリを使用していました。このエラーを解決するにはどうすればよいですか？

Answer 1

Expoでは、コンポーネントを/App.jsからエクスポートすることを想定しています。しかし今は/App.jsにしかインポートできません。 Expoはレンダリングするコンポーネントを受け取っていません。サイドノートでは

export default App; 

：あなたはこのようにインポートされたコンポーネントをエクスポートする必要があなたがしなければならない場合にのみ、クラスのコンポーネントを使用してください。