當我嘗試在 React Native 中導入我的組件時出錯

Question

當我嘗試導入我的組件時出現錯誤。 這是錯誤文本：“元素類型無效，預期為字符串（對於內置組件）或類/函數”。

主文件 index.android.js

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

import {Text2} from './components/Text2';

class p001_lesson extends Component {
    render() {
        return (
            <View>
                <Text2/>
            </View>
        );
    }
}

AppRegistry.registerComponent('p001_lesson', () => p001_lesson);

second file Text2.js

<pre>
import React, {Component} from 'react';
import {
    Text,
} from 'react-native';


class Text2 extends Component {
    render() {
        return <Text>some text here</Text>
    }
}

我如何修復我的導入？ 對不起我的英語 :D

Answer 1

你如何導出你的 Text2 組件？

如果您將其導出為默認導出，如下所示：

export default Text2

那么你必須像這樣導入它：

import Text2 from './components/Text2'

Answer 2

導出您的組件將可以解決問題，期望導出默認值您只能使用導出

export Text2

然后你應該像這樣導入它：

import { Text2 } from './components/Text2';