javascript - have an error when i try import my component in react native

Question

I got an error when i try import my component. here is text of error : "element type is invalid expected a string (for built-in components) or a class/function".

Main file 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>
    }
}

How i can fix my import? Sorry for my English :D

Answer 1

How do you export your Text2 component?

If you exported it as a default export, like this:

export default Text2

then you have to import it like this:

import Text2 from './components/Text2'