React基本项目构建

文档链接https://reactnative.cn/docs/0.51/getting-started.html

构建项目
Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g yarn react-native-cli

安装完yarn后同理也要设置镜像源：

yarn config set registry https://registry.npm.taobao.org --global

yarn config set disturl https://npm.taobao.org/dist --global

Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager可以快速捕捉文件的变化从而实现实时刷新）。译注：此工具官方虽然是推荐安装，但在实践中，我们认为此工具是必须安装，否则可能无法正常开发。

brew install watchman

测试安装：构建一个简单项目

react-native init MyApp --version 0.44.3

cd MyApp

react-native run-ios 运行项目

或者运行项目：双击ios/AwesomeProject.xcodeproj文件然后在Xcode中点击Run按钮。

在项目下新建components文件夹，存放所有组件

APP.js入口文件

传参给组件New.js——自定义属性

<New data={data}></New>

组件可通过this.props.data接收参数