Я экспортирую свой экран с именем 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;
Экран ошибки