我是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;
我该怎么办?
错误
您的头组件导入错误。 按原样导入:
从“。/components/Header”导入标头;
这是因为您在header.js文件中已将导出作为默认值,因此需要直接导入,而不使用{}
括号
尝试使用: