type is invalid -- expected a string, react-native 错误

Question

我是 React-Native 的新手。我正在尝试在移动设备上构建应用程序。但是当我运行这段代码时，我得到了这个错误： React.createElement: type is invalid -- expected a string (for built-in components)。我的 App.js:

import React from 'react';
import { StyleSheet, View } from 'react-native';

import { Header } from './components/Header';

export default function App() {
  return (
    <View style={styles.screen}>
      <Header title="guess a number"/>
    </View>
  );
}

const styles = StyleSheet.create({
  screen:{
    flex: 1
  }
});

我的Header.js:

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';

const Header = props => {
    return(
        <View style={styles.header}>
            <Text style={styles.headerTitle}> {props.title}</Text>
        </View>
    );
};
const styles=StyleSheet.create({
    header: {

        width:'100%',
        height:90,
        paddingTop: 36,
        backgroundColor:'#f7287b',
        alignItems: 'center',
        justifyContent: 'center'

    },
    headerTitle: {
        color:'black',
        fontSize: 18
    }
});

export default Header;

我该怎么办？

error

Answer 1

尝试使用： <Header title={'guess a number'}/>

Answer 2

你导入的Header组件有误。照这样导入：

import Header from './components/Header';

这是因为您在 Header.js 文件中已默认导出，因此您需要直接导入而不用 {} 括号

type is invalid -- expected a string, react-native 错误

type is invalid -- expected a string, react-native error

android

ios

reactjs

react-native

mobile-application