React Native学习笔记(2.基本语法-类组件)
import React, { Component } from 'react';
import { Text, View } from 'react-native';
class Welcome extends Component {
render() {
return (
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
<Text>Welcome to React Native!</Text>
</View>
);
}
}
export default Welcome;
这个例子展示了如何在React Native中创建一个简单的类组件Welcome
,它使用了ES6的class语法。组件内部定义了一个render
方法,该方法返回一个React元素,描述了组件的UI。最后,使用export default
将组件导出,以便在其他地方可以导入并使用它。
评论已关闭