美文网首页
ReactNative学习笔记(三)Hello World!

ReactNative学习笔记(三)Hello World!

作者: 维仔_411d | 来源:发表于2020-02-10 00:48 被阅读0次

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—— 阮一峰老师的书,还有论坛的这篇总结

相关文章

网友评论

      本文标题:ReactNative学习笔记(三)Hello World!

      本文链接:https://www.haomeiwen.com/subject/heynxhtx.html