Question

我是React-Native的新手。我正在尝试在移动设备上构建应用程序。但是，当我运行这段代码时，我得到了这个错误：React.createElement：类型无效-需要一个字符串（对于内置组件）。我的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组件错误。像这样导入它：

import Header from './components/Header';

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

Answer 2

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

类型无效-预期为字符串，本机错误

2 个答案: