react知识点回顾
来源于互联网
# 一、npm的配置
切换淘宝镜像源
npm config set registry https://registry.npm.taobao.org
npm config get registry
npm install -g cnpm --registry=https://registry.npm.taobao.org
@前端进阶之旅: 代码已经复制到剪贴板
使用npm安装react
cnpm install react react-dom --save
@前端进阶之旅: 代码已经复制到剪贴板
# 二、开发环境配置
这里使用
create-react-app初始化项目
npm install create-react-app -g
@前端进阶之旅: 代码已经复制到剪贴板
安装完成之后就可以在命令行使用
create-react-app了,首先选择一个合适的目录,然后只需要简单地输入
create-react-app yourfilename
@前端进阶之旅: 代码已经复制到剪贴板
# 三、认识JSX
# 3.1 JSX 简介
JSX其是一个语法扩展,它既不是单纯的字符串,也不是HTML,虽然长得和HTML很像甚至基本上看起来一样。但事实上它是React内部实现的一种,允许我们直接在JS里书写UI的方式
# 3.2 JSX 属性
JSX的标签同样可以拥有自己的属性
const title = <h1 id="main">React Learning</h1>
@前端进阶之旅: 代码已经复制到剪贴板