Reagieren Nativ: Elementtyp ist ungültig eine Zeichenfolge erwartet, aber das Objekt bekam

Question

ich diesen Fehler habe und weiß nicht, wo das Problem ist ... Ich versuche, die header.js in die index.js zu importieren

Mein index.js ist:

//for ios application PLACE CODE HERE:::: 

//Import a library to help create a component 
import React from 'react'; 
import { Text , AppRegistry } from 'react-native'; 
import Header from './src/components/header'; 


//Create a component 

const App =() => { 
    return (
    <Header/> 
    ); 
}; 

//Render it to the device 

AppRegistry.registerComponent('yoyo',() => App); 

Und header.js:

import React from 'react'; 
import { Text } from 'react-native'; 

const Header =() => { 
    return <Text>Albums!</Text>; 
}; 

export default Header; 

Kann mir jemand helfen, was meine falsch?

Answer 1

Ändern Sie Ihre header.js durch folgende.

import React from 'react'; 
import { Text } from 'react-native'; 

class Header extends React.Component { 
    render() { 
    return <Text>Albums!</Text>; 
    } 
} 

export default Header;