React.js

初始化：组件类被实例化的时候 挂载中：组件被插入DOM的时候 更新中：新数据更新组件的时候 卸载中：组件从DOM中移除的时候 1、设置属性和初始状态 defaultProps：默认属性 state：在

一、DOM DOM（文档对象模型）： 一个允许JavaScript程序与不同类型的文档（HTML、XML和SVG）进行交互的编程接口即DOM API。 反映了XML文档层次结构的树形结构，这个树结构由

一、React元素 React元素用来构建虚拟DOM（React DOM）,与真实DOM有相同的树状结构，而真实DOM由DOMElement组成。 1、创建 2、JSX 使用React.createE

一、create-react-app 通过create-react-app创建项目，零配置入门，各种工具和配置都发生在后台 二、React 组件和DOM App 组件是一个 JavaScript 函数

第4章 JSX和虚拟DOM 1、虚拟DOM 虚拟DOM：表示实际DOM的JavaScript 对象树，一个由ReactElement组成的树。React会把它变成真正的DOM。 ReactElemen

第 1 章　第一个React Web应用程序 一、React组件 React组件是继承React.Component类的ES6类，render()是React组件唯一必需的方法，该方法的返回值是渲染到

在不编写类组件的情况下也能使用state来构建组件自身数据，Hook组件就是个类似于无状态组件的函数。 Hook只是一种“工具”，这种工具可以让我们在无状态组件中使用到state以及生命周期等特性。 deps：依赖数组，用来控制是否应该触发 Effect，从而能够减少不必要的计…

在实际项目中，可以在src 目录下新建 reducers 文件夹，在文件夹下建立各个模块的.js文件和index.js（组合文件），index.js用于构成最终的 rootReducer。 组合所有 reducer 的 state，最后组合成类似我们之前定义的 initialS…

一个可预测的 JavaScript 应用状态管理容器（容器即为Store）。 Store：保持状态，分发状态给 View，使得 View 根据这些状态渲染不同的内容。 Reducers：响应不同的动作，负责更新 Store 中状态的 JavaScript 函数。 在 React…

state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。 组合使用 state 和 props，在父组件中设置 state， 并通过在子组件上使用 props 将其传递到子组件上。 Props 验证使用 propTypes，…

React.js 是一个用于构建用户界面的 JavaScript 库,页面的元素由jsx编写生成。 创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。 高效 −React通过对DOM的模拟通过对DOM的模…