reactrouter（reactrouter监听路由变化）_钩子_函数_路由
本文目录一览：
- 1、react路由
- 2、react-router、react-redux、antd(Layout)
- 3、react-router钩子函数
react路由
react-router-redux 中包含以下几个函数，一般会结合redux使用：具体使用时通过发送disppatch来进行页面跳转：一般在完成某种操作，需要返回上一个页面时使用。
react-router-dom 是一个处理页面跳转的三方库，在使用之前需要先安装到我们的项目中：使用路由时需要为组件指定一个路由的 path ，最终会以 path 为基础，进行页面的跳转。
为了实现组件的动态加载，可以使用 import() 的动态加载方法，在需要时再加载某一组件。但是， Route 标签的 component 属性期待的是一个组件。
react-router、react-redux、antd(Layout)
文档中的简介：React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。
其中第一行导出的 react-router-dom 就是 react-router@0 文件，第二行导出的 react-router-redux 是 react-router 配合 redux 使用的中间库。
react-router-redux 中包含以下几个函数，一般会结合redux使用：具体使用时通过发送disppatch来进行页面跳转：一般在完成某种操作，需要返回上一个页面时使用。
在React-Router 0 开始，官方提供一个基础的路由 react-router 。
/Router 只要开发者不需要兼容古老的浏览器，比如IE9，你都可以使用 browserHistory。
react-router钩子函数
useRouteMatch 但是使用这些钩子函数React版本必须= 18 这个钩子可以访问history，可以更好的进行导航 首先声明此钩子函数 使用 点击Go home按钮，即可跳转到首页。
react生命周期：指的是一个React组件在创建到销毁经过的一系列过程，基本可以分为挂载、更新和卸载三个周期（可能表述不太精准）。
组件的每次更新都会执行此钩子函数， 通过参数可以拿到更新前的props和state render函数会插入jsx生成dom结构。
首先，我们先了解一下 React 的生命周期钩子函数。如图所示，我们可以将其分为俩个阶段--- render 阶段执行和 commit 阶段执行。
特别声明
本文仅代表作者观点，不代表本站立场，本站仅提供信息存储服务。