React：深入研究与梳理react-router-dom的核心原理和应用场景的学习总结

文章目录

• • 引言

    • 路由原理

    • 动态路由参数获取方法解析（共三种）

      • Params机制解析
      • search与state结合使用分析

    • 5. 路由重要属性属性

1.前言

使用了React、Vue等开发的应用都是SPA(单页面应用)。

什么是单页面应用呢？

特点：

本系统作为一个整体设计，在页面结构上实现了单一且完整的信息展示。
在店铺详情页中设置链接时，默认情况下不会触发全局页面刷新，在操作过程中仅进行局部内容更新。
所有数据信息必须通过AJAX技术发起请求以获取，并在前端以异步方式动态加载和呈现。

单页面应用想要实现多页面应用类似切换内容效果，那就离不开路由。

React中的路由是一个独立分离出去的功能模块，在进行操作之前，请按照以下步骤安装该库到项目中。

    cnpm install react-router-dom --save

2.路由基础

咋们由浅入深，先来学习最基础的路由使用。

静态路由示例：

index.js:

    import React from 'react'
    import ReactDOM from 'react-dom'
    import App from './