Question

当我尝试导入我的组件时出错了。这是错误的文本：＆＃34;元素类型无效，期望字符串（对于内置组件）或类/函数＆＃34;。

主文件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';

当我尝试在本机中导入我的组件时出错

2 个答案: