React项目的创建以及入门概念

React入门

1、创建项目需要的很多文件都通过脚手架来搭建，可以让我们开发人员能够最快速度

地去开启一个项目，比如我们需要下载一些依赖包直接通过脚手架安装，不用更多地去网

络上一个个搜索，方便我们开发人员开发，加快开发速度。

2、打开 Windows PowerShell：（可以通过npm-version来查看现在安装的npm的版本）

(1): npx creat-react-app myApp 创建工程文件夹

(2):cd myApp

(3):yarn start （注：npm start也可以但是推荐使用yarn start，如果提示没有安装

yarn，择安装 npm i yarn -g；如果安装之后还是现实没有权限则用管理员权限打开windows Powershell，运行命令set-ExecutionPolicy RemoteSigned）

3、虚拟节点指的是用react对象创建元素节点（React.creatElement(“1”)）时,创建的节点并非源生DOM产生的元素节点，而它的本质是生成一个对象（Object），这个对象用来描述这个对象对应的真实节点；

  React.creatElement("1",null,"hello world");
  //第一个参数传的是创建的元素节点类型，第二个参数可以设置样式以及dom事件等等，第三个参数传的是创建的元素的子   元素节点

包含的属性有：(1):$$typeof 属性值时Symbol（ES6出现的一种基本数据类型，他的出现是为了解决数据对象的唯一性，因为有时候对象命名时会导致覆盖，而symbol类型即使传输的标识符是一样的，也代表两个不同的数据，而不会产生覆盖）类型。

(2):type 用来描述真实节点的类型（标签名）

(3):key 对象的唯一标识，当我们通过迭代或者遍历的方式产生虚拟节点的时候，就应该在这个节点的身上添加key属性，用来标识唯一性

(4):props ，属性值是对象，用来描述节点子元素（children），可以是一个或者多个，如果是多个就用数组的数据类型来存储，style样式等

4、React对象用来生成react元素节点的JavaScript对象（虚拟节点），reactDOM对象用来将react对象产生的虚拟节点转换成真实的节点，渲染到页面上

5、JSX（JavaScriptXML），是react中的特有的语法，利于开发人员在react中书写HTML标签（类似XML的语法），它的本质就是creatElement方法，用标签的形式来存储对象。

表达式，react中，表达式的表现形式是{ }，里面可以写表达式，字符串，三目运算符等，但是不能写语句，比如流程控制语句

扩展：XML是编程语言中的一种数据结构，数据传输格式（XML和JSON是最常用的）。

发布了19 篇原创文章 · 获赞 0 · 访问量 273

私信关注