React开发教程笔记

文章30 |   阅读 18414 |   点赞0

来源:https://blog.csdn.net/jiangbo_phd/category_9266299.html

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

x33g5p2x  于2022-03-06 转载在 其他  
字(0.5k)|赞(0)|评价(0)|浏览(534)

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

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

  1. import React, { Component } from 'react';
  2. import { AppRegistry, Text } from 'react-native';
  3. class HelloWorldApp extends Component {
  4. render() {
  5. return (
  6. <Text>Hello world!</Text>
  7. );
  8. }
  9. }
  10. AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);

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

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

相关文章