关于引入react-router-dom中的Link跳转和事件

问题遇到的现象和发生背景

<Link to:''>详情

to里的是跳转到其他页面的路径，现在后端给我一个接口，里面有一个字段是布尔类型，如果是false那正常路径跳转，如果是true就不跳转，弹出一个Modal（antd3.x）,告诉用户前往升级，但是to和onClick冲突了怎么办，希望能给我举个栗子～

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
崽崽的谷雨 2022-08-17 10:18
关注
可以试试编程式导航在onclick里写 router.push 加个if判断。true让其跳转否则，什么也不用干。

或者在 to里做个三目判断

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报编辑记录

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

关于引入react-router-dom中的Link跳转和事件 react.js 前端前端框架
2022-08-17 09:45

回答 2 已采纳可以试试编程式导航在onclick里写 router.push 加个if判断。true让其跳转否则，什么也不用干。或者在 to里做个三目判断
webstorm总是自动下载旧版本的react-router-dom react.js 前端有问必答
2022-01-05 12:55

回答 1 已采纳题主参考下The IDE downloads typings for some popular libraries to its configuration folder and uses it to
在react-router-dom里找不到Redirect，请问应该把Redirect改为哪个代码才能不报错？ javascript react.js 前端
2022-09-05 20:09

回答 1 已采纳据说：在react-router-dom 5的版本才有Redirect, 6的版本里面Redirect 改为 Navigate
react-router-dom v6如何使用link进行页面跳转
2022-07-18 12:59

waoecher的博客 v6中不再像v5中使用等，而是使用
react使用react-router v6.3.0如何正确使用ant design mobile v5.22.0的TabBar组件标签 react.js 前端
2022-09-01 18:26

回答 1 已采纳 app.js 引入 home组件其实你直接把home里的代码复制到 App.js 也行。 import { BrowserRouter as Router, Routes, Route, L
React-native 安装react-native video 失败 android-studio gradle reactnative
2022-04-01 11:00

回答 3 已采纳这行报错了
react-router-dom@6.2.1版本都有什么新的规则啊？不适应新版本 react.js 前端
2022-01-20 15:51

回答 1 已采纳参考下下面这篇文章 React-Router v6 新特性解读及迁移指南_前端劝退师-CSDN博客_react router v6 前言这里
【react学习】react-router-dom v5如何进行路由跳转
2023-06-13 11:37

luckyMuses的博客记一次react+ts学习，如何使用react-router-dom跳转
react native 安装react-native-file-selector运行卡住 android-studio reactnative
2022-07-27 23:58

回答 1 已采纳是不是没开虚拟机报错导致的
react-router 组件加载的问题 react.js
2019-03-05 17:32

回答 2 已采纳解决了，修改的代码如下： ``` const RouteMap = SidebarData.map(item => ( item.children === "-1" ?
Go中带有子元素的React-Router如何工作？ reactjs
2016-03-29 19:23

回答 1 已采纳 This isn't a go question, but a react question, you need to render the App component's children in
react项目中使用react-router-dom实现路由集中管理和跳转
2022-03-27 07:30

Beiyux的博客在react后台管理系统中使用router相关插件完成路由的集中管理和跳转，在这里记录一下实现过程下载react-router-dom cnpm i -D react-router-dom 在nav组件中去写功能代码 // nav的index.js中 import { Link } ...
react-router v4 遍历router后页面空白 javascript react.js 有问必答
2022-01-11 12:46

回答 3 已采纳你加个默认路由试试 { path: '/', component: User, title: '用户', icon: 'user' },
React 路由总结 react-router-dom6+react-router-dom5
2023-10-17 09:16

前端吗喽的博客现在的前端应用大多都是SPA单页面应用程序，也就是一个HTML页面的应用程序。体验更好，对服务器的压力更...前端路由是一套映射规整，在React中，是URL路径与组件的对应关系，使用React路由简单来说就是配置路径和组件。
react-router-dom v6 使用
2021-11-19 00:09

别样红。的博客 react-router-dom react-router-dom v6 整体体验相对于 v5 ，体验要好更多，最大的一个改变，就是曾经的 Route 不可嵌套，整个路由配置必须拆分成若干小块，除非通过 react-router-config 这种插件，才可以实现对...
没有解决我的问题, 去提问