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

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.lryc.cn/news/2394532.html

相关文章:

  • 力扣刷题(第四十三天)
  • Centos环境下安装/重装MySQL完整教程
  • 【Linux】环境变量完全解析
  • 【Java】mybatis-plus乐观锁-基本使用
  • 力扣每日一题——找到离给定两个节点最近的节点
  • 机器学习与深度学习03-逻辑回归01
  • 卷积神经网络(CNN)入门学习笔记
  • 【优笔】基于STM32的多模态智能门禁系统
  • Metasploit工具使用详解(上)丨小白WEB安全入门笔记
  • Femap许可证与网络安全策略
  • VLAN的作用和原理
  • 深入探讨集合与数组转换方法
  • 让大模型看得见自己的推理 — KnowTrace结构化知识追踪
  • 【HarmonyOS 5应用架构详解】深入理解应用程序包与多Module设计机制
  • 【Oracle】DCL语言
  • MySQL强化关键_017_索引
  • stm32——SPI协议
  • Linux 下如何查看进程的资源限制信息?
  • 【备忘】php命令行异步执行超长时间任务
  • 对于ARM开发各种手册的分类
  • java开发中#和$的区别
  • 在 RK3588 上通过 VSCode 远程开发配置指南
  • OpenHarmony标准系统-HDF框架之音频驱动开发
  • HTML Day03
  • 篇章六 数据结构——链表(二)
  • Python60日基础学习打卡Day39
  • 吴恩达MCP课程(3):mcp_chatbot
  • MySQL访问控制与账号管理:原理、技术与最佳实践
  • AWS 创建VPC 并且添加权限控制
  • langchain学习 01