当前位置: 首页 > 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
http://www.dtcms.com/a/222534.html

相关文章:

  • 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基础
  • cc攻击是什么?云上业务如何防护cc攻击
  • 【FlashRAG】本地部署与demo运行(二)
  • If possible, you should set the Secure flag for these cookies 修复方案
  • leetcode1201. 丑数 III -medium
  • weibo_comment_pc_tool: 微博评论采集软件工具,根据wb帖子链接爬评论
  • 调用Gensim库训练Word2Vec模型
  • Predixy的docker化
  • Linux的调试器--gbd/cgbd
  • 数据清理的例子
  • 【计算机网络】传输层TCP协议——协议段格式、三次握手四次挥手、超时重传、滑动窗口、流量控制、