тип недействителен - ожидается строка, ошибка реакции

Question

Я новичок в React-Native. Я пытаюсь создать приложение для мобильного телефона. Но когда я запускаю этот код, я получаю эту ошибку: React.createElement: type is invalid - ожидалась строка (для встроенных компонентов). Мое приложение. 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
  }
});

Мой заголовок. 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;

Что мне делать?

ошибка

Answer 1

Ваш импорт компонента заголовка неверен. Импортируйте его как таковой:

import Header from './components/Header';

Это потому, что вы экспортировали по умолчанию в заголовок. js Файл, поэтому вам нужно импортировать напрямую без {} скобок

Answer 2

Попробуйте использовать: <Header title={'guess a number'}/>