React 再学习1_脚手架搭建

版权声明:随意了,开心就好。反正是给大家分享的笔记 https://blog.csdn.net/u011486491/article/details/82421144

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中的方法的定义差不多。

猜你喜欢

转载自blog.csdn.net/u011486491/article/details/82421144