React 再学习1_脚手架搭建

React 再学习1

React简单项目安装：

1、 初始化

npm init

2、 安装依赖包

npm install react react-dom react-standalone –s

代码中导入最基础的依赖

 

React脚手架搭建

1、 安装cli

npm install –g create-react-app

2、 创建app

create-react-app myApp

3、 启动运行

cd myApp

npm start

 

React的界面及渲染

在这里我们需要注意三点：（红色框）

1、 react的标签必须为text/babel

2、 render内只能有一个父标签，然后要用逗号隔开。

3、 我们在<>标签内用的是html标签代码，在{}标签内使用的是js的代码（这就是jsx语法）

 

在对数组进行渲染的时候，我们可以采用

2的方式，通过map去遍历arr然后创建标签

或是1，3的方式，先建立一个标签数组，然后再一起显示

 

样式：

在做样式的时候，我们有两种，一种是通过className去设置样式，一种是直接写在style中的样式。

注意：在jsx中没有if else ，只能用三元操作符，进行选择操作。

方法

和一般的js中的方法的定义差不多。