如果效果返回缓存的结果，Angualr组件不会挂载
如果效果返回缓存的结果，Angular组件不会挂载。在Angular中，组件的生命周期包括几个阶段：创建、渲染、更新和销毁。当一个组件被创建并准备好渲染时，它会经历一系列的生命周期钩子函数，其中包括ngOnInit、ngOnChanges、ngDoCheck等。
当一个组件被创建时，ngOnInit钩子函数会被调用，用于初始化组件的数据和执行一些必要的操作。在这个阶段，如果效果返回缓存的结果，即组件所需的数据已经被缓存并可用，那么组件将不会挂载，即不会触发ngOnInit函数。
这种情况下，可以考虑使用Angular的ChangeDetection策略来处理组件的变化检测。ChangeDetection策略决定了何时以及如何触发组件的变化检测机制。默认情况下，Angular采用的是Default策略，即每当发生变化时都会触发变化检测。但是，可以通过设置ChangeDetectionStrategy.OnPush来改变策略，只有当输入属性发生变化或者组件手动触发变化检测时才会进行检测。
对于缓存结果的情况，可以考虑使用ChangeDetectionStrategy.OnPush策略，并在需要更新组件时手动触发变化检测。这样可以避免不必要的变化检测，提高性能。
关于Angular组件的生命周期和ChangeDetection策略，可以参考以下链接：
- Angular组件生命周期：https://angular.io/guide/lifecycle-hooks
- Angular变化检测：https://angular.io/guide/change-detection
相关·内容
我正在尝试缓存http请求以减少流量，在Task effect中，我正在检查是否已经检索到用户任务。但是当我这样做时，当我返回缓存的任务时，组件不会呈现。如果您将其删除并再次发出http请求，它将继续工作。taskService: TaskService, private store: Store<fromTasks.AppState>, private actions$: Actions) {} 我的代码有什么问题吗如果
浏览 13提问于2020-04-23得票数 1
回答已采纳
我正在构建一个实时应用程序使用的反应，阿波罗和GraphQL.我的计划是，组件将发出一个查询，然后依赖于订阅，以使客户端缓存与后端数据实时一致。但是，我不相信这会起作用，因为当组件被卸载时，我将不得不取消订阅。当组件再次挂载时，结果将从查询缓存中获取，因此它们实际上是过时的，因为在这两者之间发生的所有更改都将被忽略，因为订阅已经关闭。例如，在组件A中，如果我有疑问
浏览 2提问于2017-06-27得票数 0
回答已采纳
1回答
我有一个功能组件(模态)，它使用使用延迟查询的自定义钩子。}然而，60秒后，查询结果仍然保留在Redux中，尽管文档声明：。只要有对数据的主动“订阅”(例如，如果一个组件被挂载，该组件调用端点的useQuery挂钩)，那么数据将保留在缓存中。一旦删除订阅(例如，当最后一个组件订阅数据卸载时)，在一段时间之后(默认为60秒)，数据将从缓存中删除。所以实现是路由-&
浏览 4提问于2022-09-25得票数 0
回答已采纳
1回答
我已经完成了我能找到的每一个与GraphQL相关的教程，但我仍然无法真正理解它。如果在我的Auth组件中，我查询令牌和用户凭据，如下所示： mutation LoginMutation($email: String!email: $email, password: $password) { user { } }如何在另一个组件中访问这
浏览 0提问于2018-07-11得票数 1
回答已采纳
1回答
我是新来的。我不太明白"useRef“的意思。我找到了一些密码但我不明白。你能帮我解释一下吗？
这两个密码的意思是什么？
浏览 2提问于2022-06-22得票数 -4
回答已采纳
通常，我会在组件卸载时保存全局状态更新，因为react-apollo让我很难进行不必要的重新获取。我将所有删除的评论ids添加到deletedCommentsQueue，当Comments组件卸载时，我想要更新我的全局状态，但是当将要卸载deletedCommentsQueue的组件更改为一个空数组时我为你们做了一个简单的SandBox。这是我为任何感兴趣的人编写的代码 import React, { useState, useEff
浏览 17提问于2019-04-11得票数 1
我在浏览Apollo React hooks的文档。我在看这篇文章。
浏览 8提问于2020-09-01得票数 17
回答已采纳
不过，我仍然不明白如何使用staleTime和cacheTime进行数据缓存。我想在第一次调用API之后将数据存储在缓存中2分钟.无论组件是挂载还是卸载，我都不希望在第一次获得数据后2分钟内调用API。我使用了它，但是在2分钟后它不会调用API，如果我只使用缓存时间&如果我只使用缓存时间，它每次都调用API (安装组件和卸载组件)。
那么，问题是什么？做这件事最好的方法是什
浏览 7提问于2022-07-01得票数 11
回答已采纳
我试图使用ref设置输入的值，但在useCallback钩子中得到的ref为null。这只是一个例子，展示了我想要实现的目标。
浏览 54提问于2020-04-12得票数 0
我将ownProps参数用于mapStateToProps()，以获得“要检查的内容”并计算passes标志。
有一些缓存正在进行，所以我不会在每个组件挂载上重新获取，它基本上是工作的。但是，有时，当passes支柱更新到true时，组件将不会重新呈现(但是，它将在导航后呈现-使用Reactive路由器--然后再次返回，因此基本上是在组件重新挂载的情况下)。如果来
浏览 1提问于2016-07-04得票数 12
回答已采纳
1回答
我想知道useEffect钩子中的“做任务”和返回呈现之前的“做任务”有什么区别？假设在这两种情况下，我作为道具发送的对象{ number1: 2，number2: 3}import React from "react";
setResultSum(number1 + number2);}
浏览 0提问于2020-10-04得票数 1
回答已采纳
假设我有一个react钩子组件 useEffect(()=>{ ...});
//Displays fetched data}class Parent extends Component<Child ... /> ...}
我的问题是，如果</
浏览 9提问于2020-02-19得票数 0
回答已采纳
1回答
我实现了count down，当用户导航到下一个屏幕时，使用useRef钩子在清理setTimeout时使用它，以避免cancel all subscription warning和它的工作！但是我有一些奇怪的东西，当count -1的时候，我可以在控制台上看到“嘿”！虽然没有清洗setTimeOut!！ 我不想在这种情况下清理它，但为什么每次登录次数都会改变！
浏览 23提问于2020-09-17得票数 0
我在我的nuxt应用程序中有一个实例，它将项目放在地板上。当我第一次访问页面或进行页面刷新时，一切都正常。但是，当我更改应用程序中的页面(路由)时，当我带matterjs实例回到页面时，实例就消失了。
浏览 12提问于2022-09-01得票数 0
我在创建的钩子中获取页面的数据编辑
我的应用程序是vue 3我后来使用了< keep-alive >，它可以工作，但即使在< keep-alive:max="2“>组件上使用最大属性也无法清除缓存
浏览 17提问于2021-02-16得票数 0
我已经在组件中设置了一个效果，如果另一个state属性发生更改，它将更改视图。但是由于某种原因，当组件挂载时，即使detailIndex的值没有改变，效果也会运行。UPDATE：如果不清楚，我尝试的是在组件更新时运行效果，因为detailIndex更改了。当它装起来时就不会了。
浏览 0提问于2019-02-28得票数 36
回答已采纳
这是我的代码 fetchPolicy: "no-cache"当我使用fetchPolicy时：“无缓存”。重复的请求不会消失。
为什么只提出一次请求？
浏览 0提问于2020-01-30得票数 3
回答已采纳
0回答
这是我的理解，你不应该改变渲染功能中的状态，因为这会导致无限的重新渲染或组件。
这很有道理，但我发现自己处于一个特殊的情况。我正在构建一个离线应用程序，并且正在使用一个离线存储系统来检索数据。现在，每当调用方法来获取特定数据时，都会检查缓存，如果缓存未过期，组件将能够访问数据，因此不会发生任何事情，但如果缓存过期，则会调用API，更新数据并重新呈现感兴趣的
浏览 4提问于2016-07-15得票数 1
回答已采纳
redux存储中，每当用户进行任何更改时，这将创建一个新的缓存，其数据为未定义的数据。因此，由于此查询已被设置为false，它将不会进行API调用，用户必须手动单击UI中的apply filter按钮以获取数据，这实际上是进行重取调用，并使用从服务器返回的数据更新现有的未定义缓存。但是在缓存中，新的筛选器已经被更新为未定义的。现在假设用户没有应用过滤器(单击apply filter按钮)，他们只更改
浏览 2提问于2022-07-03得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
