Как исправить ошибку «Вероятно, вы забыли экспортировать свой компонент из файла ..etc» в React-Native?
Я импортирую компонент из другого файла, чтобы реализовать его в файле App.js, но Unfornatuley получает эту ошибку: https://ibb.co/41ynFGX
Вот код: https: (файл header.js):
import React from 'react';
import { Text } from 'react-native';
const Header = () => <Text> Hello Ahmed </Text>;
export default Header;
(App.js) код:
import React from 'react';
import { View } from 'react-native';
import Header from './src/components/header';
const App = () => (
<View>
<Header />
</View>
);
export default App;
Здесь это работает хорошо (https://snack.expo.io/@ahmed105/tenacious-coffee), но я получаю сообщение об ошибке при запуске приложения на моем устройстве с использованием атома.
Любая помощь будет оценена.
В основном определение функции React Stateless поддерживается в React.14 и выше, любая более ранняя версия может не поддерживать его.
@Rahul react-native-cli 2.0.1 и узел: v11.13.0
Большое спасибо, это проблема, все прошло хорошо, как только я обновил версию React.
Крутое счастливое кодирование :)
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 4
Эй, измени свой код на этот, он будет работать.
импортировать React из «реагировать»; импортировать {текст} из «реагировать-родной»;
export default Header = () => {
return (
<Text>
Hello Ahmed
</Text>
);
};
Проверьте правильность, если вы пытаетесь импортировать его из правильного места. Структура вашей папки.
Ошибка говорит, что:
Check the render method of 'App'
Поэтому попробуйте экспортировать приложение как компонент класса и поместите свой код в его метод рендеринга:
App.js
import React, {Component} from 'react';
import { View } from 'react-native';
import Header from './components/header';
export default class App extends Component {
render = () => {
return (
<View>
<Header />
</View>
);
}
}
Я пробовал это, но та же проблема все еще существует.
Ошибка была решена, так как проблема не была связана с самим кодом, проблема была связана с версией React. Как сказал @Rahul: «В основном определение функции React Stateless поддерживается в React.14 и выше, любая более низкая версия может не поддерживать его.
Итак, я обновил React с помощью этой команды: npm install react@latest и сейчас все идет хорошо.
Вы можете получить эту ошибку, если используете MapView из выставки. поэтому используйте: реагировать-родные-карты
npm install react-native-maps --save-exact
yarn add react-native-maps -E
и, import MapView from 'react-native-maps';
Я не вижу никакой проблемы в вашем определении. Какую версию реакции и узла вы используете?