react

React为什么需要引入React Fiber React Fiber是React 16这个版本加入，React Fiber这个大改变Facebook已经折腾两年多了，按照官方的说法React Fib

1.声明式路由导航 某些场景下声明式路由导航是无法满足需求的，这时候需要用到另一种导航方式，编程式路由导航 2.编程式路由导航

传递state参数 和传search参数一样，无需改动路由表的结构，在路由跳转携带参数的时候，调整传递参数的结构即可 如何接收？

传递params参数 无需修改路由表的结构，修改跳转路由携带参数的结构需要调整 如何接收 传递params参数 无需修改路由表的结构，修改跳转路由携带参数的结构需要调整 如何接收

传递params参数 跳转路由链接编写 如何接收params参数？ 传递params参数 跳转路由链接编写 如何接收params参数？

嵌套路由 路由表构建完成，该在何处呈现内容呢？ 注意：router6使用 标签来呈现嵌套路由的内容，to跳转路径切记前面不能写‘/’,也就是 /News, /Message

router6如何编写路由表 我们先回顾之前的写法 路由表写法 注意 如果想把路由表提取在外面，通过导入的方式优化代码，使用vite创建的react项目，需要以jsx结尾，如果是以js结尾则会报 代码

1.安装 2.引入 值得注意的是，官方强烈建议不要使用 HashRouter; 3.配置 1.安装 2.引入 值得注意的是，官方强烈建议不要使用 HashRouter; 3.配置

什么是hoc hoc本质一个函数，接收一个组件返回一个组件 什么是hoc hoc本质一个函数，接收一个组件返回一个组件

React DOM diff 和 Vue DOM diff 的区别： React 是从左向右遍历对比，Vue 是双端交叉对比。 React 需要维护三个变量（我看源码发现是五个变量），Vue 则需要维

是什么 DOM diff 就是对比两棵虚拟 DOM 树的算法（废话很重要）。当组件变化时，会 render 出一个新的虚拟 DOM，diff 算法对比新旧虚拟 DOM 之后，得到一个 patch，然后

是什么 虚拟 DOM 就是虚拟节点（这句汉化很重要）。React 用 JS 对象来模拟 DOM 节点，然后将其渲染成真实的 DOM 节点。 怎么做 第一步是模拟 用 JSX 语法写出来的 div 其实

1. 向路由组件传递Params参数 2.向路由组件传递search参数 3.向路由组件传递state参数 声明式导航 利用组件(Link或NavLink)属性实现路由跳转 编程式导航 Browser

Switch的使用 Switch可以看成js的switch，case则可以看成是每一条，可以提高路由匹配效率，一旦匹配上对应的路由，则不会往下寻找路由匹配了 路由监听 路由的严格匹配与模糊匹配 Red

路由基本使用(React-router-dom) 介绍 React-router4（以下简称RR4）遵循React的设计万物皆组件的理念。所以只是一堆 提供了导航功能的组件，具有声明式（引入即用），可

SPA的理解 单页Web应用（single page web application，SPA） 整个应用只有一个完整的页面。 点击页面中的链接不会刷新页面，只会做页面的局部更新。 数据都需要通过aja

脚手架配置代理 消息订阅与发布（pubsub） 工具库: PubSubJS 下载: npm install pubsub-js --save 可以用于任意组件间的通信 使用步骤： 假设现在我A组件向B

事件处理 通过onXxx属性指定事件处理函数(注意大小写) React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 React中的事件是通过事件委托方式处理的(委托给组件最外层的元素) 通

核心属性一：state state：适用于类组件,React 类组件拥有自己的状态 state，state 状态改变时自动刷新组件（执行组件中的 render 方法） 修改状态 如果依赖上次setSt

虚拟DOM 1. 语法: ReactDOM.render(virtualDOM,containerDOM) 2. 作用: 将虚拟DOM元素渲染到页面中的真实容器DOM中显示 3. 参数说明 1) 参数