react踩过的坑1：a标签跳转编辑页面，跳到编辑页面后又跳到首页？？？

最新推荐文章于 2023-12-07 08:30:44 发布
原创 最新推荐文章于 2023-12-07 08:30:44 发布 · 2.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#a标签

本文描述了在网页开发中遇到的一个常见问题：使用a标签的href属性值为###导致的页面错误跳转。通过将href属性值更改为javascript:;，成功阻止了a标签的默认行为，解决了从编辑页面快速跳回首页的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

加班一晚上，倒腾这一个问题；

问题：普通列表页，编辑功能如下

点击编辑过后快速跳到编辑页面，转而快速跳到首页，找了一晚上没有找到；；；

第二天才发现原因a标签的href="###"的原因，改成href="javascript:;"。

href="javascript:;"就是去掉a标签的默认行为。

React Native组件库推荐：20个必备UI组件提升开发效率
移动开发前沿的博客
05-23 2056
本文聚焦React Native开发者的**“开发效率痛点”**：重复造轮子（如按钮、输入框）、多端样式不一致、复杂交互实现困难。通过推荐20个经过社区验证的优质组件库，覆盖从基础到高级的全场景需求，帮助开发者跳过“造组件”阶段，直接进入“用组件”的高效开发模式。本文先通过“建房子”比喻解释组件库的价值，再按功能场景分类推荐20个组件库（附核心功能+代码示例），最后通过实战案例演示如何集成使用，解答“选哪个”“怎么用”“何时用”的关键问题。想象你要建一栋房子：如果每次都要自己烧砖、砍木头、做门窗，工期会很长
react中界面跳转 A界面跳B界面，返回A界面，A界面状态保持不变 localStorage方法...
anmizhan5851的博客
06-04 962
好像所有的单页面应用都会有个问题，就是我A作为一级界面，跳转到二级界面B的时候，在回到A界面，你会发现所有的参数都重新加载了 很多时候假如我们的界面有很多条新闻列表，通过设置参数筛选出了一部分的新闻列表，这个时候我点击新闻标题进入了新闻详情，然后返回 到A界面的时候，发现所有的条件都重置了，这样用户体验很显然是非常不好的。 我还是个小菜鸟所以对于那种大佬们说可以使用redux可以实...
react 页面跳转（下一页，返回上一页）
热门推荐
jojo1001的博客
10-12 1万+
react 页面跳转 1.使用useHistory跳转 import { useHistory } from 'react-router-dom' const history = useHistory() const goPage = () => { history.push('/路由') } 2.返回上一页 // 如果使用hashHistory，哈希路由，路由上会加上# import creatHistory from 'history/createHashHistory' // 如果使用
react a标签跳转问题
weixin_44086727的博客
04-17 3761
react中， 当a标签需要跳转到动态获取的外部链接， 比如： profile:{ "website":"www.xxx.com" } <a href={profile.website} target="_blank" rel="noopener noreferrer"></a> 会跳转到新的标签页，但是地址会是localhost:3000/www.xxx.co...
html中a标签href属性的一个坑(二)-a标签双击可编辑状态下问题
Alfred的博客
03-30 2905
最近，公司项目需要，使用bootstrap table实现项目，并且表格双击可编辑。实现方法是采用http://blog.csdn.net/mingqingyuefeng/article/details/59700711中的方法，具体就是双击a标签，会在a标签中声称一个input标签，可以进行数据操作。但是在测试时，会出现一个问题：就是在谷歌浏览器下运行正常，但是在火狐浏览器下，a标签双击之后，不
【已解决】记录react页面跳转是否要回到指定浏览位置解决方案
Program Apes
11-23 2124
基于react的umi项目开发中遇到页面之间跳转，有的页面跳转过来需要回到顶部，有的页面需要滚动到指定的位置，常见一些列表页面跳转详情页面，再跳转回来 找了很多资料用了很多方法，都没实现，后面摸索出这个方法 解决方案记录： 先是回到顶部解决方案: // 在layout组件绑定了节点，监听地址path变化 可以实现跳转后回到顶部 const layoutWrapper = useRef() useEffect(()=>{ layoutWrapper.current.scrollTop =
js使用window.open跳转页面后，原页面跳到了首页
最新发布
07-31
我收到了用户的查询，是关于JavaScript中window.open方法导致原页面跳转到首页的问题。用户提供了多个引用资料，我需要分析这些资料来找出原因和解决方案。 首先看引用[1]，它描述了使用window.open或window....
html跳转总跳到一个页面
05-01
好的，我现在需要解决用户的问题：HTML页面跳转总是跳到同一个页面。首先，我需要理解用户的具体情况。用户可能在开发网页时，无论怎么设置跳转链接，点击后都定向到同一个页面，这显然不符合预期。接下来，我得考虑...
React-Native利用React Navigation实现页面跳转——很好的RN入门DEMO
yingzizizizizizzz的专栏
09-11 9058
功能： 1、简单的查看电影demo 2、点击按钮跳转 3、点击列表页中的某一条跳转到相应详情页 页面： 首页=&gt;电影列表页=&gt;详情页 总结： 1、练习了props，state，样式，长列表，网络，触摸事件，Flexbox布局（学习资料：http://flexboxfroggy.com/） 2、练习了使用导航器跳转页面 https://reactnative.cn/d...
React native回退上一页面后刷新页面
Scluis的博客
10-14 3529
最近开始做react native的项目，遇到了一个小问题，记录一下。 问题大概是这样的，我在一个页面显示数据，称之为A，一个页面插入数据，称之为B。在B插入完数据后跳转到A，无法显示刚插入的数据，必须手动刷新一下，才可以显示。 查了一下，这是由于react native运行时，只有在props和state的值改变的时候，才会重新渲染页面，而它创建时的钩子函数componentDidMount只会创建时执行一次，不像Vue每次打开这个页面都会执行，所以也没法在这里请求数据，于是我就想，react nativ
react 回退到前一页面对应位置
wujun123456wujun的博客
06-25 3429
由于react的在跳转页面的时候，实际做了unmount的动作，清楚了前一页面的内容，返回的时候实际上是需要重新渲染的，相应的跳转位置就会丢失。我再做项目开发的过程中也遇到了相同的问题，我把我解决的过程分享给大家，希望能够帮到你。 解决问题的技术背景 1.我们的app是使用了上啦加载下啦刷新的插件（自己封装的），采用的是固定的高度（屏幕高度），自定义滚动轴（非浏览器滚动轴），这个插件会实...
reactNative的页面跳转
kerryqpw的博客
05-02 2581
reactNative的页面跳转
react中界面跳转 A界面跳B界面，返回A界面，A界面状态保持不变 redux的state方法...
anmizhan5851的博客
06-05 741
在上一篇文章中说过了react中界面A跳到B，返回A，A界面状态保持不变，上篇中使用的是传统的localStorage方法，现在来使用第二种redux的state方法来实现这个功能 现在我刚接触redux，所以可能一些高级方法不是很会用，这边使用的是很简单的方法。其实这两种方法原理差不多，都是通过进行保存原有数据或者重新加载数据来实现 我这边以购物车的商品为简单的例子，大家可以根据自...
react-router(v4) 路由跳转后返回页面顶部问题
dingdabao8888的博客
05-10 705
遇到的问题 由A页面跳转到B页面，B页面停留在A页面的位置，没有返回到顶部。 问题分析 首先分析下出现此问题的原因： 在项目中使用的是 hashHistory，它是建立在 history 之上的，当路由发生变化时会记住原路由的状态，跳转新页面后默认停留在原页面的位置。 解决方法 使用 withRouter； withRouter可以包装任何自定义组件，将react-r...
React中的页面跳转方式详解
每天都想吃好吃的
12-07 3127
React Router 是 React 官方推荐的路由库，它提供了一些组件，用于管理应用程序的不同页面之间的导航。使用 React Router 可以通过编写简单的代码来实现页面跳转。可以实现在 React 中的页面跳转，但它不是推荐的做法，因为它会刷新整个页面，而不是单独更新组件。组件提供了一种不刷新整个页面的跳转方式。元素的接口，但它不会导致整个页面的刷新。React Router 中的。组件包裹应用程序，并使用。组件定义每个页面的路由。组件提供了一个类似于。
vue router 报错： Uncaught (in promise) NavigationDuplicate{_name: "NavigationDuplicated"} 解决方案
weixin_45522694的博客
08-14 9235
vue-router ≥3.0版本回调形式以及改成promise api的形式了，返回的是一个promise，如果路由地址跳转相同, 且没有捕获到错误，控制台始终会出现如图所示的警告 （注：3.0以下版本则不会出现以下警告！！！，因路由回调问题…） 方案一： 安装vue-router3.0以下版本：先卸载3.0以上版本然后再安装旧版本 npm install @vue-router2.8.0 -...
react（dva） 进入列表页面后返回再次进入 组件不更新的原因（react-router-cache-route）
hzxOnlineOk的博客
10-20 2167
react-router-cache-route 是路由缓存工具，通常在dva的首页app.js中一起搭配使用 但是需要注意的是，每一个route路由路径在定义的时候，都需要指定是否需要cache，如果使用copy大法，很容易忽略 这会导致一种后果，即从路由A点击跳转进入路由B，再由路由B点击返回路由A，最后再次点击跳转进入路由B，打印后会发现，路由B对应的组件没有被重新加载，这正是因为route.js中的配置，配置成了cache=true import { Router, Route } from
react项目实现页面跳转
ds0604的博客
12-09 3998
1.使用button组件 首先引用 import { Button } from 'antd'; 然后在button组件里面写onclick，在render外面写方法内容 class App extends Component { tiaozhuan(){ window.location.href="http://www.baidu.com" } render(){ return ( <> <div id="zhu" style={{ width:
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值