提问者:小点点

类型无效-应为字符串,React-本机错误


我是react-native的新手。 我想在手机上做一个应用程序。 但是当我运行这段代码时,我得到了这样的错误:react.createElement:type is invalid--需要一个字符串(对于内置组件)。 我的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;

我该怎么办?

错误


共2个答案

匿名用户

您的头组件导入错误。 按原样导入:

从“。/components/Header”导入标头;

这是因为您在header.js文件中已将导出作为默认值,因此需要直接导入,而不使用{}括号

匿名用户

尝试使用: