51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

React 路由
React 路由通常使用 react-router 库来实现，它是一个功能强大的库，用于在 React 应用程序中实现客户端路由。
react.js
javascript
前端
User
App
原创
王校长的热狗
2024-10-14 09:45:49
57阅读

React 路由
基于 React Router 5.x安装路由安装：npm install react-router-dom --save-dev
react.js
javascript
前端
传递参数
高阶函数
原创
BingCola
2022-07-19 20:16:26
183阅读

[react] 路由
文章目录1. 相关理解1.1. SPA的理解1.2. 路由的理解1.2.1 什么是路由?1.2.2 路由分类2. react-router-dom相关AP
react.js
Test
API
SPA
原创
533_
2022-12-21 20:55:19
247阅读

React 路由
路由的基本理解 SPA 理解 单页 Web 应用 （single page web application, SPA) 整个应用只有一个完整的页面 点击页面中的链接不会刷新页面，只会做页面的局部更新 数据都需要通过 ajax 请求获取，并在前端异步展现 前端路由的理解 游览器端路由： value 是 ...
传递参数
嵌套
刷新页面
h5
不兼容
转载
mob60475707d572
2021-08-07 16:01:00
161阅读
2评论

【React】路由
1、路由基本介绍现代的前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML
react
html
应用程序
a标签
原创
szlsay
2022-09-13 12:18:51
82阅读

react-路由参数、获取react路由参数
componentDidMount() { console.log(this.props.match.params) console.log(this.props) }
react-路由参数
获取react路由参数
原创
wx6375cd1abf2fb
2022-11-18 00:15:50
921阅读

react 路由表 typescript react项目路由
学习目标：提示：这里可以添加学习目标例如：1、路由（1） 什么是路由路由Router，前端项目描述了根据用户的不同请求返回不同的页面视图的操作过程！注意：代码中操作的路由，本质上就是路由规则对象（2） 基础配置语法React中的路由，通过组件的形式完成了路由的定义，如图所示：创建项目：脚手架构建路由项目注意：默认构建的项目，基于react@18、react-dom@18版本，这个最新版本对应生态库
react.js
学习
前端
App
Layout
转载
mob64ca14157da7
2024-02-19 22:10:17
83阅读

vue路由与react路由
路由前后端都具有的概念，都是指url的变化有#的，无#,一种是hash一种是history路由跳转 重定向 传
react
二级
配置文件
重定向
原创
坚持学前端
2022-08-19 11:48:55
75阅读

react 路由跳转
react
css
原创
mb613739c94fb76
2021-11-09 15:42:25
403阅读

React 路由跳转
1、html跳转<Link to="/home">home</Link>2、js跳转this.props.history.push('/
react.js
前端
html
原创
追影少年
2022-09-29 16:07:31
137阅读

react 路由 useroutes
react-router：是react router的核心库react-router-dom：是网页路由的解决方案，依赖于react-routerreact-router-native：是react-native解决移动端路由的解决方案，依赖于react-router下面讲述的是react-router-dom的使用这里用的react-router版本是5.xreact-router5.x版本和r
react 路由 useroutes
App
嵌套
解决方案
转载
definitely
7月前
91阅读

react Routes 动态创建路由 react设置路由
0 安装npm install --save react-router 或者 npm install --save react-router-dom对比react-routerreact-router-dom关系不能通过操作dom控制路由在React-router的基础上扩展了可操作dom的api区别包内容较多比较轻巧跳转方式对比3.0以上版本用this.props.router.push('/p
react Routes 动态创建路由
User
UI
API
转载
蓝色忧郁花
2024-05-11 19:03:53
1210阅读

react 路由跳转
react 路由跳转step1:npm i react-router-domstep2: E:\Users\coder\WebstormProjects\untitled2\src\component\about.jsimport React from 'react';function About () { return <div> <h2>GeeksforGeeks is a computer science portal for geeks
react.js
javascript
ecmascript
css
其他
原创
mb613739c94fb76
2021-11-11 14:27:51
385阅读

react路由modules
后台管理系统，对路由缓存相关进行整理一下首先，这边实现了，路由缓存功能，对于已经出现过的路由进行缓存（display: 'none'）但是发现在切换页面过程中，页面有点卡顿，所以这边把代码流程梳理一下。<Fragment> <Route exact path='/' render={() => <Redirect to='/dashboard' /
react路由modules
ide
缓存
封装
转载
梦断蓝桥魂
5月前
23阅读

react 路由 nginx
路由:哈希路由（在url地址后加   #name）　// 实现页面监听 　window.onhashchange = function(){ 　　console.log(‘hash:’,window.location.hash) 　}H5路由（history.pushState(‘起的名字’, ‘title字段’, ‘跳转的地址’)）H5路由高级的地方就是可以跳转一个hash值，也可
react 路由 nginx
H5
历史记录
字段
转载
墨染青丝
10月前
61阅读

十四、react路由
一、路由的使用 React Router官网：https://reactrouter.com/ 安装 1 npm i -S react-router-dom 1、相关组件 Router组件：包裹整个应用（单个具体的组件/根组件），一个React应用只需要使用一次 Router类型： HashRout ...
react路由
react
css
自定义
a标签
转载
mob604757008d56
2021-07-12 16:30:00
502阅读
2评论

react续路由
一、安装组件 yarn add react-router-dom 如图 二、部署文件结构 index.js 是入口文件 在src新建route文件夹，创建index.js 内如下 import React, { Component } from "react"; import { HashRoute
加载
css
js代码
文件结构
其他
转载
mob604756ffc089
2021-01-18 14:47:00
118阅读
2评论

React路由嵌套
/* react路由的配置： 1、找到官方文档 https://reacttraining.com/react-router/web/example/basic 2、安装 cnpm install react-router-dom --save 3、找到项目的根组件引入react-router-dom import { BrowserRout
css
加载
官网文档
路由配置
用户信息
转载
jcf0706
2021-08-13 08:44:12
349阅读

react 路由监听
import { useLocation } from "react-router";const location = useLocation();us
react.js
javascript
前端
原创
JediHongbin
2023-02-14 10:12:42
310阅读

react 路由 react-router@3.2.1
react路由,4.x的差异还是比较大，暂时还是3.x的版本 安装： 配置： app组件： path属性： path属性也可以使用相对路径（不以/开头），匹配时就会相对于父组件的路径。路由匹配规则是从上到下执行，一旦发现匹配，就不再其余的规则了。 编程式导航： hashHistory 接收参数： 此
react
字符串
显式
路由表
可维护性
转载
mob604756f06ed8
2018-02-19 17:20:00
109阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

react axios中路由重定向 react的路由跳转

react的路由模式nginx配置 react中的路由

react ant design pro 路由不覆盖 react的路由

react axios进行路由跳转 react router 路由跳转

react基础05--react-router 路由

如何测试 React 路由 ？

react-动态路由

react 路由传参

React路由传参

React 路由基本配置

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯