Ошибка при настройке страницы маршрута по умолчанию для домашней страницы в App.js - реагирует

Question

Я новичок в React Native и хочу установить в своем приложении экран по умолчанию на Главный экран.

Это мой домашний компонент

import React, {Component} from 'react';
import {Text, View} from 'react-native';

class Home extends Component {
  render() {
    return (
     <View>
      <Text>Hello! I'm Home component</Text>
     </View>
   );
  }
}

export default Home

Ниже приведен мой файл App.js

import React, {Component} from 'react';
import { createStackNavigator } from 'react-navigation';
import { Home } from './app/components/Home';

export default createStackNavigator({
   home: Home
});

После сборки он выдает следующую ошибку в эмуляторе.

Компонент для маршрута 'home' должен быть компонентом React.Может кто-нибудь сказать мне, где я делаю не так.

Answer 1

Исправить так:

import Home from './app/components/Home';

Answer 2

Вы неправильно импортируете Home в App.js

Это должно быть import Home from './app/components/Home';

Экспорт по умолчанию не требует деструктуризации в файлах, в которые они импортированы.

Эта статья может дать более глубокое понимание: https://medium.com/@etherealm/named-export-vs-default-export-in-es6-affb483a0910