react学习

用了脚手架之后感觉一切都变得轻松了起来，首先是在全局安装npm i -g create-react-app 随后使用其创建一个新项目运行create-react-app XXX 随后运行npm sta

react中的渲染是先将jsx转化为虚拟dom,随后再将虚拟dom渲染为真实dom,当发生状态更新的时候,就会根据diff算法比对,相同的就直接复用之前的真实dom,发生了改变的则会重新生成真实dom

先说一下高阶函数的定义： 满足以下两个条件中的任意一个都是高阶函数： A 若A函数接收的参数是一个函数，那么A可以称之为高阶函数 B 若A函数，调用的返回值是一个函数，那么A可以称之为高阶函数 常见的

通俗点来讲ref的使用类似于我们写标签的时候的id，比如我们要实现如下的这个简单页面 左边的框的内容当点击按钮的时候会alert，而右边的框则是失去焦点的时候alert 我们一半情况下要通过docum

我们定义了一个类组件之后，我们会从props中获取传进来的值，但我们正常情况下希望传进来的值的属性是可以被限定的，包括这一项是否是必填项，如果没有传默认值是什么之类的。 我们可以通过 类名.propT

props就是react的一个属性用来从外界给实例传递数据的，这里涉及到的问题是，如果是一点带你的属性数据，我们可以直接在标签的属性中来写，然后在实例中通过传过来的props来获得，但是如果非常多呢？

上一节的写法是标准的写法，但是实际开发中那样写是过于繁琐的，因而我们需要简化代码。 之前的代码： 我们把state写在构造方法中就是为了那个this，那可不可以提出来？类中不能写let等等语句，但是是

开发中需要的状态我们会把他放在state中，我们也会定义一些函数来通过改变这些state从而改变页面的一些展示。这些函数一般都会放在类中定义，毕竟放在类的外面是肯定获得不到类中的state的。 注：

函数式组件 如其名，就是通过写函数来构成组件，react将页面分成一个又一个的组件，然后再把其组合起来形成一个完整的页面。 最简单的一个例子 这里需要注意的地方是： 如前文学习的时候我们说过的那样，如

react中{}是解析表达式的，我们如果直接{arr}，是自动会被遍历的，但是如果放一个对象就会报错。 第二个事情是既然其中可以放一个表达式，那么什么是表达式呢？简单意义上来说，只要返回的是一个值的都

首先定义虚拟dom，就是写标签的时候不要加引号 在标签中解析js表达式的时候要写{} 在写类名的时候用的是className属性 在写行内样式的话，要用{{}}，外面的{}就是解析表达式，内层{}代表

虚拟dom本质上是一个一般对象(Object) instanceof Object 返回的是true 虚拟dom是比较'轻'的，因为其只是在react内部使用，不需要真实dom那么多的属性 虚拟dom

react可以理解为一个强大的js库，其本质上也是一堆js代码，只不过是多了jsx这种东西，首先在之前的开发中我们用js操作dom树是一件比较繁琐的事情，dom树的不断更改产生重绘、回流会对用户的体验