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中的方法的定义差不多。
以上是 React 再学习1_脚手架搭建 的全部内容, 来源链接: utcz.com/z/383837.html