腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
防止
react
路由
在
状态
更
改时
卸载
组件
reactjs
、
react-router
我正在使用
react
-router (v.4.3.1)来呈现我的应用程序的主要部分,并且我
在
左侧有一个带有菜单的抽屉。当在应用程序头中切换按钮时,我会更改折叠变量的
状态
,以便
组件
相应地重新呈现css。我的问题是,这个变量需要存储
在
呈现所有Route的
组件
上,当
组件
更新时,Route会
卸载
并挂载它的
组件
。我的代码如下所示,此
组件
的父
组件
是正在更新的
组件
,它重新呈现我的Main
浏览 24
提问于2019-01-21
得票数 0
回答已采纳
2
回答
在
路由
更
改时
保持dom
状态
reactjs
、
redux
、
react-router
我有两个
组件
,每个
组件
在
不同的
路由
上。我想知道如何在
路由
更
改时
保持DOM元素的
状态
不变。例如,当导航回相同的
组件
时,我希望所有的DOM元素都像
路由
更改之前一样应用相同的css类。我已经尝试过redux persist和使用带有switch的嵌套
路由
,但这些似乎都不起作用。从我所做的研究来看,
React
似乎总是
在
路由
改变时挂载和
卸载
组件</
浏览 1
提问于2019-07-11
得票数 1
1
回答
当对同一个
组件
使用history.push但分页时,
组件
不会重新装入(
组件
将不会被调用)
javascript
、
reactjs
、
react-router
所以我有一个
路由
器和一个
组件
。当我从一个
组件
调用history.push到同一个
组件
,但是使用不同的url参数时,componentDidMount不会触发。App.JSimport { Switch,} from "
react
-router-dom"; im
浏览 3
提问于2021-02-21
得票数 1
回答已采纳
1
回答
React
延迟加载的
组件
正在丢失其
状态
(已
卸载
)
reactjs
、
react-router
、
lazy-loading
、
react-hooks
我有以下
组件
,它在需要时加载我的
组件
(
在
路由
更
改时
)。function DynamicLoader(props) { <LazyComponent /> ); } 我的
路由
(使用
Rea
浏览 27
提问于2019-07-04
得票数 5
回答已采纳
1
回答
ReactJS中的选项卡容器:只呈现选定的子容器,而使用“`display:none`”
javascript
、
reactjs
我
在
ReactJS中构建了一个简单的选项卡容器,它使用容器
组件
保持其
状态
的整数索引表示要显示的选项卡窗格,然后只呈现在该索引位置找到的子(来自this.props.children数组)。这一办法的要点是: props: { tabNames:
React
.PropTypes.arrayOf我发现这种方法不能令人满意,因为当用户选择不同的选项卡时,与要呈现的窗格对应的
组件
被多次挂载和
浏览 1
提问于2016-06-01
得票数 1
回答已采纳
1
回答
我有一个问题反应
路由
器Dom V6和useState
reactjs
、
react-router
、
react-router-dom
、
react-state
我
在
同一
组件
的两个
路由
之间的导航有问题。/user但是,当尝试从/ user /:id导航到/user以创建新用户时,
组件
的
状态
不会重新声明。这些
状态
具有相同的页面/user/:id的值。只有
在
导航到同一个
组件
时才会发生这种情况。{ navigate(&
浏览 6
提问于2022-08-06
得票数 1
回答已采纳
1
回答
反应-
路由
器v4
卸载
时使用渲染
javascript
、
reactjs
、
react-router
与render方法
在
react
-router中的工作方式以及“挂载”
在
React
中的真正含义可能有些混淆。我读了那些文档,上面写着: 当您使用
组件
(而不是呈现或子
组件
,下面)时,
路由
器使用
React
.createElement从给定
组件
创建一个新的
React
元素。这意味着,如果您向component属性提供内联函数,那么您将在每次呈现时创建一个新
组件
。这将导致现有
组件
卸载
浏览 2
提问于2017-06-15
得票数 7
2
回答
响应
路由
器触发器重新加载/重新安装
组件
时,重定向到同一页与不同的段塞
javascript
、
reactjs
、
lifecycle
、
react-router-dom
我有一个使用
React
(v.16.8.6)和HashRouter (需要使用哈希
路由
器)的演示应用程序。我的应用程序只是获取一些天气数据,并显示一些城市的天气相关
组件
。当搜索条件给定时,应用程序重定向到#/search/{term}
路由
。然而,当我已经
在
搜索页面上并触发新的搜索时,一切都如愿以偿,我将重定向到同一个带有不同{term}片段的搜索页面(为了更新浏览器当前url,包括散列)。我做了一个解决办法来模拟
组件
重新加载,但它是一种黑客(例如直接操纵
状态<
浏览 1
提问于2019-04-15
得票数 3
回答已采纳
2
回答
当重定向到相同的路径名但使用不同的
路由
param时,History.push不工作
javascript
、
reactjs
、
react-router
、
frontend
但是
在
事件页面中,我有其他卡片可以重定向到具有不同ID的其他事件页面作为
路由
参数,然后单击就可以更改路径,但不会重新呈现页面。看起来,如果我
在
一个路径名相同的页面中,不管
路由
参数是否改变,它都不会重新呈现页面。 我尝试使用<Link>
组件
而不是history.push,但它也不起作用。
浏览 5
提问于2020-06-16
得票数 4
回答已采纳
1
回答
React
路由
器V6
在
路由
更
改时
的重新呈现
javascript
、
reactjs
、
react-router
、
react-router-dom
当我
在
路由
之间来回导航时,
React
路由
器重新呈现回传
路由
,导致useEffect(() => [])重新运行,数据重取。我想要
防止
这种情况,而是保持现有的路线,但隐藏在这片土地上。以下是问题的示例代码:import { BrowserRouter as Router, Route, Routes, useNavigate } from &q
浏览 5
提问于2022-09-07
得票数 1
回答已采纳
5
回答
多次单击相同的
react
路由
器链接时,强制重新装入
组件
reactjs
、
react-router
、
react-router-v4
、
react-router-dom
当
组件
挂载时,我有一个带有datatable获取数据的
路由
页面。当我多次单击相同的
react
router(到上面的
路由
)时,似乎只有
在
路由
更
改时
才
卸载
组件
(要呈现不同的
组件
)。我希望当再次单击相同的链接以获取新数据时,
组件
被强制重新装入。是否有任何选项
在
反应-
路由
器-多玛链接或任何其他链接
组件
或任何技巧来做到这一点?我这里的示例代码: 我希望当
浏览 0
提问于2019-09-04
得票数 2
回答已采纳
2
回答
防止
在
异步事件处理程序期间更新
卸载
的
组件
reactjs
我有一个删除
组件
的异步事件处理程序,但是这个
组件
使用
状态
来监视事件处理程序的执行
状态
。事件处理程序是从远程数据库中删除项的模拟。问题是,
在
成功删除
组件
时,
组件
被
卸载
,因此最后的
状态
更新(指示已完成删除)触发错误“无法对已
卸载
的
组件
执行响应
状态
更新”。 resolve();
浏览 1
提问于2020-11-12
得票数 0
回答已采纳
1
回答
在
react
中,当
路由
路径不同但
组件
相同时。如何
防止
重新挂载?
reactjs
、
redux
、
react-router
、
react-redux
、
react-router-redux
在
react
路由
器(v2)中,当存在不同
路由
路径但
组件
相同时。它会导致调用componentDidMount两次。
浏览 7
提问于2017-04-16
得票数 0
1
回答
重新呈现整个页面,而不是仅呈现包含更新属性的
组件
reactjs
在下面的
React
App代码中,我设置了一个useState属性,该属性绑定到一个名为Header的函数
组件
。演示代码中没有显示的是,我从位于HomePage
组件
中的另一个子
组件
调用triggerTestProp函数。 但是,每当我设置此属性时,不仅横幅会重新呈现,而且包含标题的整个页面也会重新呈现。我使用
React
Router进行导航,如演示代码中所示。你知道为什么整个页面都会被重新渲染,而不是像预期的那样只呈现标题吗?
浏览 44
提问于2020-06-21
得票数 0
回答已采纳
1
回答
run :只有
在
组件
被
卸载
时才运行代码,但是可以访问更新的
状态
值。
reactjs
、
react-hooks
嗯,下装
更
奇怪。所以,想象一下这个场景:我有一个父
组件
,它所做的唯一的事情就是显示和隐藏一个childe
组件
。我试图实现的是一个只运行一次并具有清理功能的useffect,这意味着该函数唯一的运行时间将是
在
卸载
组件
时。的确是这样,但是当我试图访问那里的数组时,它只包含初始
状态
。很明显,如果我
在
useEffect的依赖项数组中添加本地
状态
数组,它将拥有我想要的访问权,但清理函数将在每次数组更
改时
运行,而不是
在<
浏览 7
提问于2022-11-15
得票数 1
2
回答
用redux进行渲染并作出反应
reactjs
、
redux
、
react-redux
流动: 根据这5个步骤,您将已经
在
redux存储中存储了一个帖子列表。我的问题是,当请求完成,
组件
将收到与道具相同的帖子列表时,request是否会重新呈现列表?
浏览 1
提问于2018-02-04
得票数 0
1
回答
在
路由
更
改时
响应
路由
器6
卸载
组件
javascript
、
reactjs
、
react-router
我
在
不同的反应
路由
器
路由
上使用相同的
组件
。有人知道如何在
路由
更
改时
卸载
组件
吗?现在,当我更改
路由
时,
组件
不会
卸载
,下面是我的示例:
浏览 3
提问于2022-01-26
得票数 1
回答已采纳
2
回答
keep管理员
在
创建视图提交后保存表单数据
reactjs
、
redux-form
、
react-admin
在
react
admin Create表单中,是否有一种方法可以保存用户
在
表单中键入的任何信息,以便在用户单击Save后保留在屏幕上。 我想重复使用他们输入的相同的表单数据来创建另一个记录。
浏览 1
提问于2019-06-07
得票数 2
回答已采纳
1
回答
如何在使用
react
-router时重置为
路由
的默认
状态
reactjs
、
react-router
我是
React
的新手,我正在使用
react
-router
在
路由
之间进行重定向。问题是:我转到一条
路由
,改变了一些
状态
,使用
react
-router的Link转到另一条
路由
,然后返回到最后一条
路由
,它仍然保持着我之前更改的
状态
。我正在研究
react
-boilerplate。
浏览 10
提问于2017-08-25
得票数 1
1
回答
切换ui选项卡时警告用户
javascript
、
reactjs
该选项卡中有一个编辑器,如果用户没有保存编辑器内容并切换到其他ui选项卡,则未保存的内容将在
react
组件
卸载
时丢失。我已经尝试过
React
Router Prompt,这只
在
路由
url更
改时
才起作用。
在
我的例子中,
路由
url没有改变。我已经使用过material ui选项卡。/> 我尝试了useEffect return function中的JavaScript确认框,它在
卸载
之前被调用,但
浏览 13
提问于2021-04-08
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
你真的了解React吗?这里有50个React面试问题
Web前端人员如何实现状态保存 常用方法就什么
杭州HTML5前端学习进阶之React状态保存
关于 React 路由,这些你必须知道!
React 路由状态管理总结
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券