腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9643)
视频
沙龙
1
回答
React
延迟
加载
的
组件
正在
丢失
其
状态
(
已
卸载
)
reactjs
、
react-router
、
lazy-loading
、
react-hooks
我有以下
组件
,它在需要时
加载
我
的
组件
(在路由更改时)。function DynamicLoader(props) { <LazyComponent /> ); } 我
的
路由(使用
React
-R
浏览 27
提问于2019-07-04
得票数 5
回答已采纳
1
回答
调用异步API后调用useState setter函数
reactjs
、
react-hooks
、
use-effect
、
use-state
、
react-component
products.data); setError(e); }; }, []);因此,setInventory和setError变量都是未定义
的
,而不是setter函数。因此,将undefined作为函数调用将引发错误。在try块中抛出
的
错误将在catch块中捕获。但是catch块也会抛出一个错误,因为setErro
浏览 2
提问于2022-05-22
得票数 2
2
回答
回应google地图标记在
组件
重新呈现后消失。
javascript
、
reactjs
、
react-router-dom
、
react-google-maps
我有反应-谷歌地图模块
的
问题,即标记和
组件
重呈现。这是一种情况: 单击导航栏上
的
选项卡,该选项卡将返回到map ->页面我在
状态
中保存标记数据,并将它们应用到onGoogleApiLoaded={({map, maps}) => this.renderMarkers(map, maps)}中
的</
浏览 1
提问于2018-06-07
得票数 2
回答已采纳
1
回答
对
卸载
的
组件
发出
React
本机setState()警告
reactjs
、
react-native
:只能更新
已
挂载或挂载
的
组件
。“如果我离开包含此
组件
的
屏幕,然后导航回该
组件
并尝试发送一条消息。我读过其他一些有类似问题
的
SO post,但它们都倾向于删除异步回调
的
侦听器。这里导致问题
的
代码在sendMessage()函数中,没有回调。 我不清楚为什么我
的
组件
没有重新挂载。我在这里做错了什么?import
React
, { Component } from '
r
浏览 1
提问于2016-06-02
得票数 2
1
回答
如何停止
React
使用动态导入重新渲染我
的
页面?
javascript
、
reactjs
、
react-redux
对于我
的
主页,我尝试使用带有交叉点观察器
的
可
加载
组件
。当我
的
redux存储更新时,整个页面都会被重新渲染。我怎样才能避免这种情况?import
React
from "
react
"import { useSelector } from "
react
-redux
浏览 2
提问于2021-08-06
得票数 0
1
回答
React
Router Dom 5.1.2 -选项卡支持
reactjs
、
react-router
我是第一次接触
react
-router-dom,我
正在
尝试创建一个选项卡菜单,每个选项卡有不同
的
路径。我试图通过保持隐藏选项卡
的
挂载来保持选项卡切换之间
的
持久
状态
。我如何才能做到这一点?
React
路由器在每次路由切换时重新挂载每个
组件
,即使使用渲染道具时也是如此,根据docs。我
的
联系人
组件
具有内部
状态
,当我导航到另一个选项卡时,它
已
卸载
,因此
状态</em
浏览 10
提问于2020-04-29
得票数 1
回答已采纳
2
回答
正确使用useEffect来响应本机
android
、
react-native
、
react-hooks
、
use-effect
、
flatlist
下面是我
的
示例
React
组件
: const [monthlyCharge, setMonthlyCharge] = useState(0)perMonthGeneralCharge) }甚至在OwnerView ()完成
其
执行之前,就有可能
卸载
它。因此,如果OwnerView被
卸载
,我会收到一个警告,它<
浏览 3
提问于2022-01-09
得票数 0
回答已采纳
1
回答
反应-路由器v4
卸载
时使用渲染
javascript
、
reactjs
、
react-router
我读了那些文档,上面写着: 当您使用
组件
(而不是呈现或子
组件
,下面)时,路由器使用
React
.createElement从给定
组件
创建一个新
的
React
元素。这意味着,如果您向component属性提供内联函数,那么您将在每次呈现时创建一个新
组件
。这将导致现有
组件
卸载
和新
组件
安装,而不仅仅是更新现有
组件
。呈现:func,这允许方便
的
内联呈现和包装,而不需要上面解释
的</e
浏览 2
提问于2017-06-15
得票数 7
1
回答
在更改页面时在Reactjs中重新
加载
应用程序会移除所有保存
的
状态
吗
reactjs
、
react-router
重新
加载
react
应用程序是否会删除
react
应用程序中保存
的
所有
状态
编辑:更具体地说,问题是当其父
组件
重新
加载
时,子
组件
状态
将发生什么,即
状态
是否将被移除
浏览 18
提问于2021-09-08
得票数 1
2
回答
无法对
卸载
的
组件
执行
React
状态
更新。(UseEffect)(Context API)(
REACT
.js)
reactjs
、
firebase
、
google-cloud-firestore
、
context-api
、
use-context
所以我得到了这样
的
警告:嗯,当我重新路由到Product Edit
组件
时,它发生在Products
组件
中!Products
组件
用于列出所有产品,product edit
组件
用于编辑产品详细信息,这两个
组件
通过useContext连接到相同
的</
浏览 1
提问于2020-10-09
得票数 0
2
回答
React
路由器-dom提示符:如果页面中
的
Iframe被
卸载
/
加载
javascript
、
reactjs
、
iframe
、
react-router
、
react-router-dom
我
正在
工作
的
反应温泉,以显示提醒未保存
的
形式变化。对于这个用例,我使用
的
是
React
router@5.2.0提示
组件
。 有表单
的
页面也有一个iframe。问题是当用户填写表单但不保存表单并尝试使用browser-back按钮导航时,会显示警报,如果用户取消导航,则iframe
卸载
/
加载
触发,即使页面本身没有
卸载
/挂载。这将导致iframe失去
其
状态
。
浏览 2
提问于2022-01-09
得票数 3
4
回答
反应像Vue js一样能维持生命吗?
reactjs
、
vue.js
、
infinite-scroll
、
react-router-v4
我做了一个有反应
的
js
的
Todo列表。这个网站有列表和详细页面。有一个列表和一个列表有10个项目。当用户滚动底部时,将
加载
下一页数据。用户单击第40项->监视详细信息页(
react
路由器) ->单击后退按钮如何不用Ajax调用恢复滚动位置和数据?当我使用Vue js时,我使用了“保持活着”
的
元素。帮帮我。谢谢您:)
浏览 7
提问于2017-10-19
得票数 6
回答已采纳
2
回答
如何在我
的
应用程序上避免“不能在
卸载
的
组件
上执行反应
状态
更新”
的
错误?
reactjs
我
正在
尝试上传文件,我遇到了一个问题,比如当我上传csv文件时,第一个
组件
出现错误,而当我在另一个
组件
上上传文件时,它没有出现错误 错误是这样
的
: index.js:1 Warning: Can'tperform a
React
state update on an unmounted component.我
的
网站运行良好,但我担心错误会使它变得糟糕 info
状态
用于上传文件。我需要在Parent component上传每个
组件
的</
浏览 16
提问于2021-08-23
得票数 2
回答已采纳
1
回答
React
警告:无法在
卸载
的
组件
上执行
React
状态
更新。要修复此问题,请取消所有订阅
javascript
、
reactjs
、
react-hooks
、
use-effect
当尝试更改模式中
的
值时,会收到上述警告: 我有一个弹出窗口,当我在模式中更改国家代码字段
的
值时,一切都很好。但是一旦我保存或关闭了模型,
状态
变量
的
值就变得不确定了。(name) const [newPhone, setNewPhone] =
React
.useState(phoneNumber) const [newPhoneCode, setNewPhoneCo
浏览 18
提问于2020-10-07
得票数 0
2
回答
有人能用最通俗
的
术语解释unmountComponentAtNode‘是干什么
的
吗?
javascript
、
reactjs
我在一个
React
组件
上运行了一个测试: it('renders without crashing', () => {div); })我读到我必须使用'unmountComponentAtNode‘,老实说,我并不真正理解
的
官方文档从DOM中删除
已
挂载
的
React
组
浏览 2
提问于2021-01-25
得票数 1
回答已采纳
1
回答
延迟
块失败: Restore/Reload失败
的
分割块在Reactive18.2.0中有反应
延迟
和悬念
lazy-loading
、
code-splitting
、
react-suspense
、
react-lazy-load
、
react-18
我在
react
18.2.0中迁移了我
的
代码。我在用 分割块
加载
透明,快乐流
正在
工作。下面是代码 let LoginPageM =
React
.lazy(() => import('.问题:,但是,如果由于网络
延迟
或用户离线而未能
加载
块怎么办?,因为块失败了,所以我们展示了一个带有重试按钮
的
备用UI。单击“重试按钮”,需要再次下载该块。我调用了Index函数,认为
react
将重试
浏览 13
提问于2022-06-17
得票数 1
2
回答
如何将函数式
react
组件
传递给函数?
javascript
、
reactjs
、
react-hooks
因此,我在这里尝试实现
的
是将整个
组件
存储在父
组件
的
数组中,该
组件
使用
其
索引呈现数组中
的
特定
组件
,例如: const [components, setComponents{() => setSomeState((old) => old + 1)}> </button> </div&g
浏览 1
提问于2021-09-18
得票数 3
2
回答
为什么
React
useEffect()
卸载
不改变变量值?
javascript
、
reactjs
、
ionic-framework
、
error-handling
、
console.log
我
正在
创建一个
React
应用程序,现在我
正在
构建身份验证部分。一切正常,但是当用户登录时,我必须
卸载
我
的
日志
组件
并显示主页。我使用Ionic
React
已经制作了
组件
,为了显示登录,我使用了具有swipeToClose属性
的
<IonModal />
组件
。每件事都运行得很好,但由于我
正在
卸载
我
的
<Auth/>
组件<
浏览 0
提问于2020-06-30
得票数 0
1
回答
使用
react
路由器而不
丢失
"setState“
状态
?
javascript
、
reactjs
、
react-router
、
browser-history
我希望能够使用浏览器
的
“后退”按钮返回到前一步。现在我在考虑用反应路由器来做这个。 目前,我只是简单地对事件做出反应,并在顶层
组件
上调用setState。我
的
问题是:是否所有
状态
都必须反映在URL中,还是保存到本地存储中?或者,我是否可以保留
组件
的
state,只需在顶级
组件
上更改一些props?当我这样做时,我是否有失去
组件
的
state
的
风险(例如,因为
React
不能识别旧
的
和新<
浏览 3
提问于2017-09-06
得票数 0
1
回答
有没有办法
延迟
react
中
组件
的
渲染?
css
、
reactjs
、
animation
、
render
、
react-transition-group
我有一个使用
React
Transition Group
的
组件
,当
组件
从一个
组件
更改到下一个
组件
时,它可以为
组件
设置动画。我遇到
的
问题是,下一个
组件
是在当前动画完成之前
加载
的
,所以它看起来有点奇怪。我认为如果可以在
组件
更新时
延迟
render()方法,我就可以解决这个问题,因为它永远不会真正
卸载
,这就是
组件
闪烁下一个图像
的
浏览 5
提问于2020-07-31
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
react-native总结心得
从源码中来,到业务中去,React性能优化终极指南
React中setState 为什么是异步的?
组件复用那些事儿-React 实现按需加载轮子
Web前端人员如何实现状态保存 常用方法就什么
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券