自然卷Harry

![对比.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2646f9901471465f8a86a3382ae83128~tplv-k3

下图方便大家放大查看------------------------------------------------------------------------------------------

该文为阅读笔记，建议大家去看阮一峰老师的原文，若有侵权请联系删除 UI组件和容器组件 UI组件 特点 只负责展示UI，不带业务逻辑 没有状态（即不使用this.state这个变量） 所有数据都由参数（

该文为阅读笔记，建议大家去看阮一峰老师的原文，若有侵权请联系删除 中间件 为什么引入中间件？ 实现异步操作结束后自动执行Reducer 放置位置 中间件是一个函数，改造了store.dispatch方

该文为阅读笔记，建议大家去看阮一峰老师的原文，若有侵权请联系删除 为什么引入Redux？ Web 应用的完整解决方案涉及完整代码、组件间通信，这对于大型应用至关重要。而React只是DOM的抽象层，难

分类 前端路由 服务器路由 对比 路由类型 客户访问，路由 性能 前端路由 返回网页 页面刷新SEO友好 服务器路由 渲染UI视图 首屏加载慢，页面加载快 图片和解释来源 不适用React Route

包含关系 组件作为参数传递 父组件 子组件 变量作为参数传递 父组件 子组件 包含关系 组件作为参数传递 父组件 子组件 变量作为参数传递 父组件 子组件

作用 Context提供了一个无需为每层组件手动添加props，就能在组件之间进行数据传递的方法，从而避免了在每一个层级手动的传递 props 属性。 目的 共享那些对于一个组件树而言是全局的数据 应

版本 React16.8 版本中添加了 hooks 在函数组件中使用useStatus钩子去管理state 在函数组件中使用useEffect钩子去使用生命周期函数 自定义Hook用以复用不同组件之间