类型无效 - 需要一个字符串，react-native 错误

Posted 2023-03-12

【中文标题】类型无效 - 需要一个字符串，react-native 错误

【英文标题】：type is invalid -- expected a string, react-native error

【发布时间】：2020-06-18 12:07:41

【问题描述】：

我是 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

【参考方案1】：

您导入的 Header 组件是错误的。像这样导入它：

import Header from './components/Header';

这是因为你已经在 Header.js 文件中默认导出，所以你需要直接导入，不带括号

【讨论】：

嘿，我刚刚检查了我的设备，它工作得很好。请更新您的问题，包括错误的屏幕截图

【参考方案2】：

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