组件异常无效类型

Question

我一天前开始学习 React-Native，但无法解决我的“元素类型无效：预期为字符串”问题。我对其进行了研究，但找不到适合我的解决方案。这是我非常简单的项目：

//importing
import React from 'react';
import {Text, AppRegistry} from 'react-native';
import Header from './src/components/Header';

//own-typed components
const App = () => (
  <Header/>
);
//rendering
AppRegistry.registerComponent('ORNEKPROJE', () => App);

这是我的 Header.js 文件：

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

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

export default Header;

感谢您的帮助！

Answer 1

尝试使App组件成为类组件并用React.Component扩展它。像这样：-

import React from 'react'
import Header from './src/components/Header';
import {AppRegistry} from 'react-native';

class App extends React.Component {
   render(){
     return <Header/>
   }
}

AppRegistry.registerComponent('ORNEKPROJE', () => App)