如何通过React路由参数改变页面而不刷新数据实现懒加载？

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

目录 + React路由参数变化不刷新页面 + React页面路由 + 前端路由和后端路由 + 前端路由介绍 + 匹配模式 + 路由执行过程 + Hash模式 + History模式 + react-router-dom + API + React路由参数变化不刷新页面

目录

• React路由参数改变页面不刷新数据的情况
• React页面路由
• 前端路由和后端路由
• 前端路由介绍
• 匹配模式
• 路由的执行过程
• hash模式
• history模式
• react-router-dom API

React路由参数改变页面不刷新数据的情况

路由的参数由于是在componentDidMount中获取的，如果在详情页面再次打开详情页面，由于组件并没有重新渲染，导致didMount不会获取路由参数。

因此在参数改变的时候，可以利用componentWillReceiveProps来更新变量。