如何将React路由中的Redux和Redux知识点拓展应用于实际项目中？

本文共计1065个文字，预计阅读时间需要5分钟。

目录+使用Redux进行路由管理+使用reducer+Redux扩展+state扩展+action扩展+静态action+动态action+异步action+异步action中间件+在路由中使用Redux+在路由中使用Redux仅需两步：+ 第一步：在路由策略组件中（如RouteStrategyComponent）+ 第二步：在路由策略组件中使用Redux

目录

• 路由中使用redux
• 路由reducer
• Redux拓展
• state拓展
• action拓展
• 静态action
• 动态action
• 异步action
• 异步action中间件

路由中使用redux

在路由中使用redux只需要两步：

• 第一步 在路由策略组件中（如HashRouter），渲染Route组件，并在该Route路由规则组件中，引入connect方法处理后的应用程序组件
• 第二步 在Provider组件中，渲染路由策略组件（如HashRouter）。

注意：路由规则渲染组件的时候，路由规则组件只负责向组件传递路由相关的数据，其他的数据（如store数据）是不会传递的

所以Route渲染的组件，想接收store中的数据，我们只能采用第二种方式，渲染处理后的组件。