美文网首页
002_ReactNative第一炮:HelloWorld

002_ReactNative第一炮:HelloWorld

作者: 莫_名 | 来源:发表于2016-08-21 12:25 被阅读0次

(问渠那得清如许,为有源头活水来。 双手奉上RN官网)

在index.ios.js中写入

//引入相关组件
import React, { Component } from 'react';
import { AppRegistry, Text } from 'react-native';

// 创建组件
class HelloWorldApp extends Component {
  render() { //render返回一段用于渲染的JSX代码
    return (
      // 一段文本
      <Text>Hello world!</Text>
    );
  }
}

// 注册入口组件
AppRegistry.registerComponent('learnRN'/*这里必须项目名*/, () => HelloWorldApp/*入口组件名*/);

你需要理解一些基础的React概念.

  • JSX (JSX 是一种嵌入 XML 的js写法,全称是 JavaScript XML )
  • components (组件)
  • state (设置在不同状态下的显示)
  • props (创建组件时使用的参数,目测是property属性的缩写)
  • 如果感觉困惑,建议先学习React

相关文章

网友评论

      本文标题:002_ReactNative第一炮:HelloWorld

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