ReactNative学习笔记(三)Hello World!

React Native 看起来很像 React,但React Native的基础组件是原生组件 不是web组件。
理解React Native应用的基本结构,需要先了解一下基本的React概念——JSX语法、组件state状态、props属性,还要掌握一些React Native特有的知识——原生组件的使用等。
在我们初始化后的项目中,使用如下代码替换掉App.js中的代码

import React, {Component} from 'react';
import {Text, View} from 'react-native';
export default class HelloWorldApp extends Component {
    render(){
        return (
            <View style={{flex:1, justifyContent:"center", alignItems:"center"}}>
                <Text>Hello, world!</Text>
            </View>
        );
    }
}
  • React Native完全支持了ES2015(即ES6)的语法,无需担心兼容性问题;
  • 与传统的应用框架不同(设计自由的模板语法,在结构标记中嵌入代码),React设计的JSX是在代码中嵌入结构标记。

tips: ES6—— 阮一峰老师的书,还有论坛的这篇总结

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容