Экспорт функционального компонента не работает - PullRequest
1 голос
/ 01 декабря 2019

Я экспортирую свой экран с именем Bus как функцию вместо компонента класса реагирования и всегда получаю сообщение об ошибке: «Инвариантное нарушение: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс/ функция (для составных компонентов), но получила: undefined. Вы, вероятно, забыли экспортировать свой компонент из файла, в котором он определен, или вы могли смешать импорт по умолчанию и с именами. Проверьте метод рендеринга Bus. '

Не имеет смысла для меня, так как я также использую функциональные компоненты в других местах, и он отлично работает!

Я использую RN 0.60.5

Моя Страница шины с сообщением об ошибке.

import React, { View, Text } from 'react';

import Maps from '../../components/Maps'
import SearchBox from '../../components/Searchbox'
import RouteDetailsBox from '../../components/RouteDetailsBox'

const Bus = () => (
    <View style={{ flex: 1 }}>
        <Maps />
        <SearchBox />
        <RouteDetailsBox />
    </View>
);

export default Bus;

App.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React from 'react';
import { Provider } from 'react-redux';
import store from './src/store';


//screens
import Bus from './src/screens/bus'

const App = () => {
  return (
    <Provider store={store}>
      <Bus />
    </Provider>
  );
};

export default App;

Экран ошибки

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...