加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React-Native 学习系列课程笔记(React-Native 开发从零开始)

发布时间:2020-12-15 03:25:08 所属栏目:百科 来源:网络整理
导读:React-Native 和React的原理大体相同,但是React-Native更多的是用Native组件替代web组件,为了能够更好的理解React-Native,大家最好先了解一下React的基本语法结构。 我们先来看看一个简单的Hello world的实现方式: import React,{ Component } from 'rea

React-Native 和React的原理大体相同,但是React-Native更多的是用Native组件替代web组件,为了能够更好的理解React-Native,大家最好先了解一下React的基本语法结构。

我们先来看看一个简单的Hello world的实现方式:

import React,{ Component } from 'react';
import { AppRegistry,Text } from 'react-native';

class HelloWorldApp extends Component {
  render() {
    return (
      <Text>Hello world!</Text>
    );
  }
}

AppRegistry.registerComponent('HelloWorldApp',() => HelloWorldApp);

对于React-Native我们可以放心使用ES6语法,因为React内部已经做了支持,尽管这个语法现在并没有被广泛支持,但是必将是未来开发的一个大的趋势, 所以我们放心的使用import,class 等语法。

AppRegistry这个语法,我们不用过于深究,这声明了整个项目工程的根入口,也就是说整个项目我也可能只声明使用了一次而已。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读