当前位置: 首页 > news >正文

React基础教程(13):路由的使用

文章目录

    • 1、什么是路由?
    • 2、路由安装
    • 3、路由使用
      • (1)路由方法导入和使用
      • (2)定义路由以及重定向
      • (3)嵌套路由
      • (4)路由跳转方式
      • (5)动态路由
        • 动态路由写法一
        • 动态路由写法二
    • 4、实现效果
    • 5、完整代码下载

1、什么是路由?

路由是根据不同的url地址展示不同的内容或页面。

一个针对React而设计的路由解决方案,可以友好的帮你解决React components到url之间的同步映射关系。

2、路由安装

npm install react-router-dom@5

3、路由使用

(1)路由方法导入和使用

// HashRouter会使url出现#
import {HashRouter,Route,Switch

相关文章:

  • HTML5 列表、表格与媒体元素、页面结构分析
  • Android全局网络监控最佳实践(Kotlin实现)
  • t015-预报名管理系统设计与实现 【含源码!!!】
  • Hive在实际应用中,如何选择合适的JOIN优化策略?
  • Hive的GROUP BY操作如何优化?
  • 使用vscode进行c/c++开发的时候,输出报错乱码、cpp文件本身乱码的问题解决
  • split_conversion将json转成yolo训练用的txt,在直接按照8:1:1的比例分成训练集,测试集,验证集
  • 实现一个免费可用的文生图的MCP Server
  • Spring Boot 中 @RequestParam 和 @RequestPart 的区别详解(含实际项目案例)
  • 长短期记忆(LSTM)网络模型
  • 408考研逐题详解:2009年第25题
  • GSR 手环能耗数据实测:STM32 与 SD NAND 的功耗优化成果
  • 智橙PLM与MES系统集成项目执行记录 智渤慧晟机械装备技术服务部 24.08
  • 华锐视点助力,虚拟旅游绽放更璀璨光彩​
  • 视频压制(Video Encoding/Compression)
  • 华为交换机S12708常用命令
  • html+css+js趣味小游戏~Treasure Arena多人竞技(附源码)
  • 杨传辉:构建 Data × AI 能力,打造 AI 时代的一体化数据底座|OceanBase 开发者大会实录
  • day024-网络基础-TCP与UDP、DNS
  • selenium基础
  • 假冒彩票网站开发/网店营销推广
  • 电子书网站开发/免费网站推广方式
  • 昆山网站建设第一品牌/网络服务商主要包括哪些
  • 网站开发学习步骤/关键词查询优化
  • 阿里云免费网站备案/太原网站推广公司
  • 合肥外贸网站建设公司/广告推广平台代理