React Native学习笔记
关注
分享
扫一扫
a821814989
android开发、
展开
-
React开发环境配置
1、首先下载开发编辑器：Atom，下载址：https://atom.io/ 2、给编辑器安装插件：Atom官方提供了插件网站：https://atom.io/packages， 安装步骤： a、打开Atom编辑器，然后找到Settings， 在设置面板中找到最下面那个选项， 按照上述方法一次安装开发所需的三个插件，原创 2016-12-21 17:32:35 · 493 阅读 · 0 评论 -
创建React项目工程及JSX相关语法
一、创建项目文件： 1、在pc上创建一个文件夹，名字可以随便取，用来保存以后开发react项目的工程文件夹。（本人是将在D盘中创建了一个名为React Demo的文件夹） 2、在React Demo文件夹中创建工程文件夹Hello React，工程文件夹中必须包含React开发的JS包(build文件，在React环境搭配文章中已经下载好) 在此步骤一定要注原创 2016-12-22 09:37:34 · 1200 阅读 · 0 评论 -
React定义组件
1、定义一个工程，名字为Component，然后将build文件夹及模板文件复制到工程文件夹中， 2、将工程文件夹添加到编辑器中，并打开Index.html 3、编写代码<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!--react.js是React的核心库--> <原创 2016-12-22 10:25:09 · 416 阅读 · 0 评论 -
React组件样式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!--react.js是React的核心库--> <script src="./build/react.js" charset="utf-8"></script> <!--react-dom.js的作用是提供与DOM相原创 2016-12-22 11:02:34 · 3070 阅读 · 0 评论 -
React复合组件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!--react.js是React的核心库--> <script src="./build/react.js" charset="utf-8"></script> <!--react-dom.js的作用是提供与DOM相原创 2016-12-22 11:03:57 · 351 阅读 · 0 评论 -
React中的props
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!--react.js是React的核心库--> <script src="./build/react.js" charset="utf-8"></script> <!--react-dom.js的作用是提供与DOM相原创 2016-12-22 11:42:51 · 817 阅读 · 0 评论 -
React中state
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!--react.js是React的核心库--> <script src="./build/react.js" charset="utf-8"></script> <!--react-dom.js的作用是提供与DOM相原创 2016-12-22 11:43:42 · 700 阅读 · 0 评论 -
React中组件的生命周期
1、先创建项目编写代码：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!--react.js是React的核心库--> <script src="./build/react.js" charset="utf-8"></script> <!--react-dom.j原创 2016-12-22 12:00:47 · 340 阅读 · 0 评论 -
React-Native开发环境搭建
一、安装必须软件： 1、安装Chocolatey： Chocolatey是一个Windows上的包管理器，类似于linux上的yum和 apt-get。可以在官方网站下载安装，也可以照着官网上的指示步骤进行安装，一般的安装步骤为：@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webcli原创 2017-01-05 15:39:50 · 647 阅读 · 2 评论