Hooying-Line6҉҉҉҉҉҉҉҉҉ 2021-08-23 10:14 采纳率: 85.7%
浏览 37
已结题

React Route 无法跳转

使用react做一个类似选项卡的页面 如图
img
当点击a时page显示a内容,当点击b时显示b内容
用react props.history.push 和 route/withRouter 实现跳转 可是现在点击a时 url 显示为localhost:3000/a 但page页面不切换,点击b和c也是一样

  • 写回答

1条回答 默认 最新

报告相同问题？

  • React进行路由跳转的方法汇总
    2025-02-11 18:29
    迷途小码农零零发的博客 在 React 中进行路由跳转有多种方法，具体取决于你使用的路由库和版本。以下是常见的路由跳转方法汇总，主要基于 react-router-dom 库。
  • 前端react-病人管理系统
    2023-11-10 14:40
    页面之间的跳转是通过React Router实现的。React Router是React社区的一个强大库，用于管理应用的路由。它允许我们定义URL模式，并根据URL的变化渲染对应的组件，使得应用在浏览器的URL改变时，仍能保持状态的一致性...
  • react 路由跳转监听_前端路由
    2021-01-26 16:25
    weixin_39918747的博客 直奔主题前端路由实现原理history Api实现的原理 核心 apiapihistory.pushState history.replaceState参数 window.history.pushState(null, null, "url") // 第一个参数 状态对象 // 第二个参数 是网页title // 跳转...
  • ReactRouter——路由配置、路由跳转、带参跳转、新route配置项
    2024-06-05 00:03
    DogEgg_001的博客 组件跳转 2.NavLink 3.js跳转 (三)传递参数 1.searchParams(query)参数 2.params参数 (四)新增route配置项 1.loader 2.action 3.lazy (六)总结 写在前面 目前准备先学习react-router 6的版本，后续旧版本的可能会...
  • react-router 跳转原理及用法
    2021-07-27 21:02
    一车鸡蛋的博客 1. 为什么使用react-router 路由是提升用户体验的重要一环，当需要页面切换而又不想重新加载新页面的时候，就需要用到路由。同时还可以增强组织资源的语义，每个页面的业务功能都是高内聚，低耦合的，通过url就可以...
  • react路由跳转传递参数
    2024-10-15 15:26
    乐容的博客 App.js 首先要在最外层使用包裹住所有内容 1，先下载库 npm i react-router-dom@5 1,使用params的方式传参 父组件 {/* 静态传参 */} {item.name} {/* 动态传参 */} {item.name} 子组件 console.log(this.props.match...
  • React——路由Route
    2022-07-08 20:17
    敲代码的小李同学吖的博客 React 中路由的学习，包括Route组件的介绍与应用、前端渲染与后端渲染、参数化路由、重定向路由以及嵌套路由。
  • react教程如何用路由基础语法使用跳转
    2024-08-27 16:59
    会发光的猪。的博客 本文是react教程如何用路由基础语法使用跳转，使用 JSX 语法定义一组路由规则，导入react-router-dom模块，通过Route定义路由路径，对应组件(注:/路径配（自定义的）组件)通过Link声明跳转，效果：点击不同路由，...
  • react 5.0路由跳转的两种方式
    2023-06-29 13:26
    花田的墙的博客 由于HashRouter路由组件包裹了组件APP，路由控制跳转的组件中(一般是...react路由跳转方式1: 路由标签Link跳转。history : 主要用于路由跳转和路由监听。react路由跳转方式2: 编程式导航跳转。// 导入路由跳转组件。
  • react跳转传参的方法
    2024-12-08 17:30
    阿福的工作室的博客 首先下载命令行 npm react-router-dom。：这是从其他页面传递过来的状态数据。提供的一个钩子，用于获取当前路由的位置对象。前面跳转的是页面 后面传的是你需要传的参数。组件导航时，可以传递一个。这样就可以接受...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 9月5日
  • 已采纳回答 8月28日
  • 创建了问题 8月23日