React Native：元素类型无效，期望一个字符串，但得到了对象

Question

我收到了这个错误，并且不知道问题出在哪里...... 我试图将header.js导入index.js

我的index.js是：

//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);

并且header.js：

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

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

export default Header;

有人能帮我解决我的错吗？

Answer 1

通过以下方式更改header.js。

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

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

export default Header;