[英]React Native, element type is invalid: expected a string (for built-in components)
The same issue was already solved in several posts, but non of them helped me (I'm new to React Native, so possibly there is a solution, but I can't find it) 几个帖子已经解决了相同的问题,但是没有一个帮助我(我是React Native的新手,所以可能有解决方案,但我找不到它)
My code uses route and screen. 我的代码使用路线和屏幕。 App.js:
App.js:
import React from 'react';
import { StackNavigator } from 'react-navigation';
import HomeScreen from './screens/HomeScreen.js';
const App = StackNavigator({
Home: { screen: HomeScreen }
});
HomeScreen.js: HomeScreen.js:
import React, { Component } from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
export default class HomeScreen extends Component {
onPressLearnMore() {
}
render() {
return (
<View style={styles.container}>
<Button title="Learn More" onPress={() => this.onPressLearnMore()} />
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
What is wrong? 怎么了?
The project structure: 项目结构:
您必须在app.js
export default App
You don't need to define the file type in your import. 您无需在导入中定义文件类型。
Change this import HomeScreen from './screens/HomeScreen.js';
import HomeScreen from './screens/HomeScreen.js';
更改此import HomeScreen from './screens/HomeScreen.js';
To this import HomeScreen from './screens/HomeScreen';
要从
import HomeScreen from './screens/HomeScreen';
Hope it helps. 希望能帮助到你。
Edit: Just to gather all information in this answer, as suggested in the comments you should also export your App.js
编辑:只是为了收集此答案中的所有信息,如评论中所建议,您还应该导出
App.js
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.