个人中心
gpt4 book ai didi

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

转载 作者：知者 更新时间：2024-03-13 05:36:10 27 4
gpt4 key购买 nike

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这个语法，我们不用过于深究，这声明了整个项目工程的根入口，也就是说整个项目我也可能只声明使用了一次而已。

27 4 0
文章推荐： Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十）打包项目并发布到子目录
文章推荐： Vue + Webpack 将路由文件分拆为多个文件分别管理简明教程
文章推荐： Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（二）安装 nodejs 环境以及 vue-cli 构建初始项目
文章推荐： Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十三）集成 UEditor 百度富文本编辑器
知者
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com