腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(3884)
视频
沙龙
2
回答
react-router
如何
防止
组件
因
路由
更改
而
卸载
?
、
、
假设我有一个
组件
FooComponent和两个不同的
路由
/foo和/bar。这完全让我困惑,因为FooComponent是由两个完全不同的父Route
组件
呈现的,我认为React只会在相同的父
组件
上执行协调,并使用不同的子元素重新呈现。此外,将其中一个
更改
为返回<div><FooComponent location={location} /></div>,并保留另一个为原样,将导致
组件
卸载
。 就
浏览 106
提问于2020-08-01
得票数 2
回答已采纳
1
回答
如何
在使用
react-router
时重置为
路由
的默认状态
、
我是React的新手,我正在使用
react-router
在
路由
之间进行重定向。问题是:我转到一条
路由
,改变了一些状态,使用
react-router
的Link转到另一条
路由
,然后返回到最后一条
路由
,它仍然保持着我之前
更改
的状态。我正在研究react-boilerplate。
浏览 10
提问于2017-08-25
得票数 1
3
回答
如何
防止
在反应
组件
中
卸载
?
、
我试图在我的应用程序中实现一个功能,当用户试图从未提交的表单中导航时,会给他们一个确认,询问他们是否在保存
更改
之前确定要离开。componentWillUnmount方法似乎是这方面的完美选择,因为它将激发用户可能放弃表单的各种方式(
更改
导致表单消失、导航到不同
路由
等的父
组件
状态)。然而..。当确认返回false时,我无法阻止
卸载
。 关于
如何
实施这一点,有什么建议吗?
浏览 10
提问于2017-05-07
得票数 14
回答已采纳
3
回答
如何
在工艺路线
更改
时
卸载
组件
、
、
、
我在给定的
路由
上有一个
组件
,比如app.com/cars/1当<
浏览 2
提问于2015-10-06
得票数 14
回答已采纳
1
回答
反应式onEnter支柱-
路由
器v4
、
、
、
我在用
react-router
v4。我感到困惑的是,当我单击<Link>
组件
时,
路由
会立即
更改
。在获取数据之前,我希望停留在当前
路由
上,
而
不是切换
路由
,然后获取数据。我发现在
react-router
v3中有一个onEnter钩子,但是现在在
react-router
v4中,它被废弃了。那么,在单击<Link>
组件
之后,在
更改
路由
之前,
如何</em
浏览 2
提问于2017-08-01
得票数 3
回答已采纳
1
回答
React延迟加载的
组件
正在丢失其状态(已
卸载
)
、
、
、
我有以下
组件
,它在需要时加载我的
组件
(在
路由
更改
时)。</div>}> </Suspense>} 我的
路由
(使用
React-Router
)如下所示: <Switchkey={key} );
浏览 27
提问于2019-07-04
得票数 5
回答已采纳
1
回答
在安装
组件
后,将状态重置为初始值。
、
状态被提升到主标头
组件
,
而
UpperMenu
组件
只接收事件侦听器和活动链接ID作为支持。import {Link} from '
react-router
'; render
浏览 1
提问于2017-11-26
得票数 2
回答已采纳
3
回答
如何
防止
卸载
/重新安装
组件
的反应?
、
我正在使用
react-router
和react-redux。EditorNew
卸载
当我对这两个容器进行编码时,我认为这两个容器中包含的Editor
组件
将在不需要
卸载
和重新安装的情况下进行协调这对我来说是个问题,因为除了额外的不必要的工作之外,还有几个原因,其中最主要的是,在
卸载
和重新装入之后,编辑器最终会失去焦点和正确的光标范围。我试图为key
组件
指定Editor,以向协调
浏览 5
提问于2015-10-15
得票数 24
回答已采纳
3
回答
react
路由
器v4:使用自定义钩子
而
不是提示
防止
过渡。
、
、
、
在
react-router
v3中,我一直在使用检查表单是否有未保存的
更改
,如果有,则返回false以
防止
转换。然后,我将显示一个自定义引导模式对话框与3个按钮:保存
更改
,丢弃
更改
,并留在这里。我不能使用
react-router
v4的Prompt
组件
来实现这一点,因为无法自定义浏览器确认对话框中显示的按钮。似乎他们取消了任何取消转换的方法,
而
只允许您在浏览器确认对话框中请求用户批准转换。我试着查看Prompt的代码,但是,所以这并不能让我知道
浏览 6
提问于2017-03-30
得票数 3
回答已采纳
3
回答
在react
路由
器上重复使用同一
组件
两次
、
、
this.setState({ });}ReactDOM.render(( <Route path="/" component={MainContainer}
浏览 4
提问于2016-06-01
得票数 0
回答已采纳
3
回答
React切换class + CSS转换,无法工作...为什么?
、
、
、
我已经在其他
组件
上使用了这个方法,没有问题,但是由于某种原因,在这个场景中同样的方法失败了…… 附加了打开/关闭行为(我看到了背景颜色和translateY的结束差异),但是CSS转换本身丢失了……你知道为什么我失去了
浏览 0
提问于2017-09-23
得票数 10
1
回答
React
路由
器导致无效的钩子调用
、
、
我有一个使用
react-router
的React应用程序。我的
路由
的简约版本如下: <div className="App"> <div className="app-container"/:logID" exact render={Log} /> </div> &
浏览 4
提问于2020-09-29
得票数 1
3
回答
React-Router
-链接到不触发页面unMount的同一页面
、
、
我正在使用
react-router
Link浏览我的SPA应用程序。我在../page1/2,并且我有一个指向相同
路由
的链接: click me我的问题是,在这种情况下,componentWillUnmount
浏览 26
提问于2017-02-20
得票数 3
回答已采纳
1
回答
如果表单上存在验证错误,则
防止
组件
卸载
。
、
、
、
、
我在几个不同的网站上见过这样的事情,但我不知道
如何
才能做出最好的反应。 </Form>}; 我有一个函数validateForm,当用户试图离开
路由
导航时(控制台日志指示需要做什么,要么阻止导航到新
路由
,要么停留在当前
路由
上)。
浏览 0
提问于2021-03-05
得票数 0
1
回答
在
路由
更改
时响应
路由
器6
卸载
组件
、
、
我在不同的反应
路由
器
路由
上使用相同的
组件
。有人知道
如何
在
路由
更改
时
卸载
组件
吗?现在,当我
更改
路由
时,
组件
不会
卸载
,下面是我的示例:
浏览 3
提问于2022-01-26
得票数 1
回答已采纳
2
回答
如何
防止
某些用户访问React中的
路由
和任何子
路由
?
、
、
、
阻止特定用户访问
react-router
中的某个
路由
及其任何子
路由
的最佳方法是什么if (user.role.name !
浏览 29
提问于2019-11-22
得票数 1
回答已采纳
2
回答
预取异步
路由
的资源
有没有预取或预加载异步
路由
的方法?我现在正在探索
如何
使用RR2/3来做到这一点。基本的想法是我在每个
路由
上拆分代码,但我希望能够在访问连接的页面之前在服务工作者中缓存该页面的捆绑包。
浏览 4
提问于2016-11-03
得票数 1
2
回答
React
路由
器导航
、
、
、
、
在这里学习React,并尝试让
路由
正常工作。这是一件非常简单的事情,只是为了了解语法等。当我在地址栏中输入
路由
1和2时,下面的代码可以工作。但我想建一个导航栏。这与我的
路由
中的<Link>标签工作得很好,但是假设我想在App.js中添加一个导航,使用相同的链接方法是不起作用的。import React from 'react';import { Router, Route, IndexRoute } from '
浏览 3
提问于2016-01-07
得票数 0
2
回答
如何
使用IIS设置
react-router
clean URL?
、
、
、
通过简单的
路由
组件
使您的ReactJS应用程序成为SPA。在部署到IIS时,使用bashHistory进行设置时一切正常。但是,当我尝试使用browserHistory时,IIS尝试返回一个目录,
而
不是允许
React-Router
获取并解析
路由
。
如何
设置
React-Router
以在IIS环境中工作?
浏览 4
提问于2016-10-11
得票数 12
点击加载更多
相关
资讯
React 路由状态管理总结
Web前端人员如何实现状态保存 常用方法就什么
杭州HTML5前端学习进阶之React状态保存
玩转 React 服务器端渲染
react-router 4中离开确认自定义
热门
标签
更多标签
云服务器
ICP备案
实时音视频
云直播
对象存储
活动推荐
运营活动
广告
关闭
领券