首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

React-Redux-Firebase应用程序删除文档,但从详细信息页面返回后不刷新

React-Redux-Firebase应用程序删除文档后,从详细信息页面返回不刷新的问题可以通过以下方式解决:

  1. 确保在删除文档后,Redux store 中的数据已经更新。在 Redux 的 action 中,执行相应的删除操作,并确保更新 store 中的数据。可以使用 Redux 的中间件(如 redux-thunk)来处理异步操作。
  2. 在详细信息页面的组件中,使用 React 的生命周期方法(如 componentDidUpdate)来监测 Redux store 中的数据是否发生变化。如果发生变化,可以使用相应的逻辑来更新组件的状态或重新获取数据。
  3. 如果在详细信息页面中使用了 Firebase 的实时数据库(Realtime Database)或 Firestore,可以使用 Firebase 提供的监听功能来监听数据的变化。当文档被删除后,监听器会触发相应的回调函数,从而更新组件的状态或重新获取数据。
  4. 如果从详细信息页面返回时需要刷新整个页面,可以使用 React Router 提供的路由导航方法(如 history.push)来导航到其他页面,并通过设置相应的查询参数来触发页面的刷新。在目标页面的组件中,可以使用 React 的生命周期方法(如 componentDidMount)来处理查询参数,并执行相应的刷新逻辑。

关于React-Redux-Firebase应用程序中删除文档后不刷新的解决方案,以上是一些建议。具体的实现方式可能因项目的架构和需求而有所不同。如果需要腾讯云相关产品的帮助,您可以考虑使用腾讯云的云函数 SCF(Serverless Cloud Function)来处理删除操作并触发相应的刷新。腾讯云 SCF 可以通过云函数的触发器和事件来实现与其他服务的集成,以及数据的更新和通知。您可以查看腾讯云 SCF 的官方文档(https://cloud.tencent.com/product/scf)以获取更多信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用OAuth 2.0访问谷歌的API

页面提供的OAuth 2.0用户授权方案的概述,谷歌的支持,并提供链接到更详细的内容。有关使用OAuth 2.0认证的详细信息,请参阅ID连接。...如果用户授予权限,服务器返回一个错误。 它一般是要求最佳实践作用域递增,在当时的访问是必需的,而不是前面。例如,在用户按下“购买”按钮要支持购买一个应用程序不应该要求谷歌钱包访问; 看到增量授权。...应用程序应该保存令牌以供将来使用刷新和使用令牌来访问谷歌的API访问。一旦访问令牌过期应用程序使用令牌来获得一个新的刷新。 有关详细信息,请参阅使用OAuth 2.0 Web服务器应用程序。...应用程序应该保存令牌以供将来使用刷新和使用令牌来访问谷歌的API访问。一旦访问令牌过期应用程序使用令牌来获得一个新的刷新。 有关详细信息,请参阅使用OAuth 2.0安装的应用程序。...然后,应用程序将令牌发送请求到谷歌的OAuth 2.0授权服务器,它返回的访问令牌。该应用程序使用令牌来访问谷歌的API。当令牌过期,应用重复该过程。 有关详细信息,请参阅服务帐户的文档

4.5K10

Apriso开发葵花宝典之八Portal Session篇

设置,不同的产品就能实例化成不同的页面实例。 下面以不同的产品为例,假设用于显示产品详细信息的屏幕名为“PRD-10”,其实例Instance设置为{ProductNo}。...,如果视图不应对按ENTER键或页面刷新等事件作出反应,则将此值保留为空 l 任何外部输出:如果此视图操作触发屏幕提交才会输出 l MergeOutputs:如果提交不是由屏幕上的此视图操作触发的,...(Back)(恢复到屏幕显示前的值) Ø传递到子门户 lContainer_UI:定义一个用户输入User Input变量 Ø在Screen提交之后被推送到堆栈(带有来自用户的值) Ø返回时恢复(恢复到用户最初输入的值...) Ø 传递到子门户 Ø当向会话变量添加变量时,后缀“_UI”会自动删除 lExternal_Container_UI Ø在Screen提交之后被推送到堆栈(带有来自用户的值) Ø返回时恢复(恢复到用户最初输入的值...页面实例变量定义,只能在相应的Screen上使用这种变量,当Screen堆栈中没有Screen实例使用它们时,这些变量将从Portal会话中删除

18010
  • Ajax与REST

    而在一个REST风格的应用中,每次搜索引擎请求的时候,你可以简单的返回一个“Not-Modified”信息。 Ajax 和 REST 传统的应用程序在服务器端整合表现和动态内容,然后再发送给用户。...Ajax应用程序有些不多,它的主要界面和应用逻辑都在客户端,在必要的时候客户端从服务器取回新的数据,并且显示在当前的页面中。...享受有状态的Web客户端 人们常常用多次点击而不用刷新页面来描述Ajax应用,描述是准确的,而且言下之意表明用户并不喜欢全页面刷新。...从架构设计的角度来讲,全页面刷新消除了在客户端保存状态数据的可能,最后导致了完全不同的架构设计。...Ajax的一些数据,例如一些公共数据,一本书的详细信息,一个商品的介绍页面,这些信息完全可以被缓存起来。

    70620

    AngularDart4.0 英雄之旅-教程-04明细 顶

    在此页面中,您将扩展“Tour of Heroes”应用程序,以显示英雄列表,并允许用户选择英雄并显示英雄的详细信息。 完成此页面,该应用应该看起来像这个实例(查看源代码)。...必备条件 在继续本“英雄之旅”页面之前,请确认您在“英雄编辑器”页面之后具有以下结构。 如果您的结构匹配,请返回页面以弄清楚您错过了什么。 ? 如果该应用尚未运行,请启动该应用。...刷新浏览器,该应用程序不再失败,名称列表再次显示在浏览器中。 当没有选定的英雄时,ngIf指令从DOM中移除英雄详情HTML。 没有英雄细节元素或绑定担心。...回顾应用程序结构 您的项目应该有以下文件: ? 教程组件测试 本教程不包括测试,但是如果您查看示例代码,则会为本教程添加的每个新功能进行组件测试。 详细信息请参阅组件测试页面。...你走过的路 以下是您在此页面中所取得的成果: 英雄之旅(Tour of Heroes)应用程序显示可选英雄列表。 您将应用程序模板移到了自己的文件中。

    3K30

    关于如何做一个“优秀网站”的清单——规范篇

    ●打开这两个页面,并确保他们使用头上的标签来指示规范版本。 改善方法:将规范链接标签添加到每个页面的,指向规范的源文档。...有关详细信息,请参阅使用规范URL的说明文档。...从详细信息页面返回,保留上一个列表页面上的滚动位置 确认方法:在应用程序中查找列表视图。向下滚动点击一个项目进入详细页面。在详细页面上滚动。...下面是天狗网的页面,在列表中点击详情页,再后退返回列表时,列表页仍然能滚到上次进入的位置 点击时,输入框不会被屏幕键盘遮蔽 确认方法:找到一个包含文本输入的页面。...当用户选择,再恢复屏幕原来的样子。

    3.2K70

    PS模块第十节:PA PLM220详细练习

    使用“保存图标来保存修改的数据。状态行显示有关控制和财务会 计中数据更新的信息,以及验收文件的数量。单击“后退”图标,返回到 SAP 菜单。 服务确认报错,纠结了,不知道哪地方错了。...d) 显示组件的详细信息屏幕。在概述中选择组件,然后单击常规按钮以调用详细信息屏幕。转到“采购参数”选项卡页面。此选项卡页面显示了帐户分配类别和 指示器 Res./purch.req。,例如。...c) 您已经返回到库存/需求清单。刷新数据选择。选择“刷新”。您现在应该看到您预订的生产订单。您可以在列表上看到生产订单号。...a)更改到包含材料 T-20600 的库存/需求列表的会话,然后单击“刷新”。刷新数据,您的项目 T-100##的生产订单应该从列表中消失,您应该 能够看到您的项目的库存。...然后通过单击相应的图 标来发布文档。b) 在 ProMan 中,转到 WBS 元素的“库存”选项卡页面。必要时,单击相 应的图标以刷新数据。T-20100 材料应显示之前采购数量的库存。

    3.8K22

    配电网WebGIS研究与开发

    之前提到每个ADF控件都具有CallbackResult属性,我们需要做的就是将需要刷新的ADF控件的CallbackResult复制到Map.CallbackResults,再返回给客户端的Web ADF...其他情况,如更改地图的可见性或者添加删除某个地图资源都需要明确调用刷新方法。下面列出一些Web ADF控件之间的内联关系,在这些情况下,不需要明确调用刷新方法。...然后Web应用程序的运行地由客户端转向服务器了,下面就由服务器来处理回调请求了。   ...…… return base.GetCallbackResult();//返回回调结果至客户端 3.客户端接收数据并进行显示   服务器端对客户端请求的数据进行回复,客户端通过processCallbackResult...所以本次毕业设计中采用自定义的TaskResults控件的方式来进行对查询结果的显示,并对每条记录增加一些页面右击快捷菜单:“清除”,“放大定位”,“显示详细信息”。

    1.2K20

    从0开始构建一个Oauth2Server服务 单页应用

    &response_type=code &state=5ca75bd30 &redirect_uri=https%3A%2F%2Fexample-app.com%2Fauth 用户访问授权页面...这可能用于指示授权完成应用程序中执行的操作,例如,指示在授权重定向到您的应用程序的哪些页面。这也作为 CSRF 保护机制。 请注意,不使用客户端密码意味着使用状态参数对于单页应用程序更为重要。...code=Yzk5ZDczMzRlNDEwY&state=TY2OTZhZGFk 如果您在初始授权 URL 中包含“state”参数,该服务将在用户授权您的应用程序将其返回给您。...查看服务的文档以了解详细信息。 客户身份证明(必填) 尽管此流程中未使用客户端密码,但请求需要发送客户端 ID 以识别发出请求的应用程序。...刷新令牌 从历史上看,在隐式流程中,从来没有任何机制可以将刷新令牌返回给 JavaScript 应用程序

    21230

    PowerBI 2018 5月更新 条件格式 钻取筛选 增量刷新 智能网抓

    实现此效果,再配合 中国式复杂报表制作方法,此时心里有点激动了。 切片器同步高级选项 切片器同步的高级选项提供了分组名,这样可以确保要同步的切片器分为一组。...(也就是来源页面的所有筛选环境)所有筛选去。...点击【了解详细信息,导航到的页面为空,文档信息微软还未正式发布。...但从设置的参数可以看出: 可以在模型中设置保存的数据量 可以决定刷新最后多少行 可以根据数据更改来刷新 可以按照整天(完成周期)来刷新 等这块文档内容齐全再做详细说明。...关于本月更新的智能网抓,本质是使用了尚未被微软官方文档记载的M函数Web.BrowserContents以及Html.Table完成了所有事情,这其中的奥妙足以单独写一些列文章详细阐述。

    1.7K10

    AngularDart4.0 英雄之旅-教程-07路由 顶

    完成,用户将可以像这样浏览应用程序: ? 为了满足这些要求,您将添加Angular路由器到应用程序。 有关路由器的更多信息,请阅读路由和导航页面。  ...从指令列表中删除HeroDetailComponent。 删除英雄细节导入。 当用户从列表中选择一个英雄时,他们不会进入详细页面。...相反,他们会在此页面上看到一个迷你细节,并且必须单击一个按钮才能导航到完整的详细信息页面。...刷新浏览器。 从英雄列表中选择英雄将激活迷你细节视图。 查看详细信息按钮不起作用。...刷新浏览器并开始点击。 用户可以在应用程序周围进行导航,从仪表板到英雄详细信息,然后返回,从英雄列表到英雄详细信息,再次回到英雄。 你已经达到推动这个页面的所有导航要求。

    17.6K30

    快速入门:构建您的第一个 .NET Aspire 应用程序

    这是将 API 项目添加到应用程序模型时使用的名称,配置了服务发现,它将自动解析为 API 项目的正确地址。 在本地测试应用程序 示例应用程序现已准备好进行测试。...然后,按运行该应用程序。F5 在浏览器中从主页导航到天气页面。该页面应加载天气数据,并记下预报表中表示的一些值。 继续偶尔刷新页面 10 秒钟。10秒内返回缓存数据。...可执行文件:列出您的应用程序使用的正在运行的可执行文件。示例应用程序包含任何可执行文件,因此它应该显示消息No runningexecutablesfound。...如果您有多个容器,您可以使用页面顶部的下拉列表选择要显示日志的容器。 可执行文件:显示应用程序中可执行文件的日志。示例应用程序包含任何可执行文件,因此这里没有任何内容可看。...至此就构建了第一个.NET Aspire应用程序,更多详细信息请访问.NET Aspire文档

    2K180

    Apriso 开发葵花宝典之六 Client Mode 篇

    在客户端模式下,Apriso屏幕可以轻松运行,而无需在初始页面加载后进行太多刷新,因为每个屏幕操作只会在屏幕中更新已更改的数据,而不是重新加载整个页面。...(在服务器模式下,执行刷新操作) 当没有从任何视图返回任何操作Action时,提交视图不会刷新屏幕(在服务器模式下,执行refresh操作) 在Mozilla Firefox中以弹出窗口显示PDF文件需要在...Firefox中设置可移植文档格式为预览(在“选项>应用程序”中) 客户端模式启用 发布Flexpart时选择Client mode即可启用。...同样如果submit提交视图没有从任何视图返回任何操作时,不会刷新屏幕(在服务器模式下,执行refresh操作)。 例如 一个带有视图链接的屏幕,用户提交视图。...在View1上执行Action,用户希望将View2更改为View3。

    47670

    PowerBI 2020年12月更新 - 小多图与混合模型上线

    有关更多详细信息,请查看此博客文章,并在我们的文档中阅读更多内容。 ? ? 增加的矩形选择数据点限制 8月,我们发布了数据点矩形选择功能的公共预览版。感谢您迄今为止的反馈。...自动刷新Analysis Services和Power BI数据集的页面 今年早些时候,我们普遍提供了自动页面刷新(简称APR)。使用APR,您可以在使用直接查询源时设置报表中视觉效果的刷新间隔。...要为这些来源启用APR,其过程与直接查询相同:连接到受支持的来源,然后转到页面格式窗格以查找页面刷新,然后启用切换,选择“自动页面刷新”,并定义持续时间。刷新。...详细了解如何设置自动页面刷新。 与往常一样,如果您对自动页面刷新和更改检测有任何反馈,我们非常希望收到您的来信。...列表视图显示元数据以提供概览,包括上次打开工件的时间,报告的位置,认可级别,应用程序描述和敏感度标签。前往此文档页面 以了解更多信息! ?

    9.3K40

    开源搜索和分析引擎Elasticsearche在Bay的性能优化实践,单集群日搜索请求超4亿

    增加刷新间隔。每次刷新事件发生时,Elasticsearch都会创建一个新的Lucene段,并在稍后进行合并。增加刷新间隔将降低创建/合并的成本。请注意,只有在刷新事件发生才能进行文件搜索。...有关详细信息,请参阅查询和过滤语境。 ? 比较查询和过滤 增加刷新间隔。正如在调优索引性能部分所提到的,Elasticsearch每次刷新时都会创建一个新的段。...请注意,只有保存超过10,000个文档的分段(或文档总数的3%,以较大者为准)才能启用节点查询缓存。有关缓存的更多详细信息,请参阅关于缓存。 可以使用下面的请求来检验一个节点查询缓存是否有效。...如果不关心文档返回的顺序,则按_doc排序。Elasticsearch使用“_score”字段按默认分数排序。...如果不关心顺序,可以使用“sort”:“_doc”让Elasticsearch按索引顺序返回。 避免使用脚本查询来计算固定的匹配。在索引时存储计算的字段。

    2K80

    Elasticsearch索引、搜索流程及集群选举细节整理

    请注意,所有搜索都是从刷新或提交的索引段完成的,因此只有在刷新才会搜索或找到数据。...有关刷新和 translog 的更多详细信息,请参阅 Elasticsearch Indexing Dataflow 上的博客。...例如,在深度分页中,返回文档数量将是“from + size”页面,因此来自多个索引和分片的深度页面将收集“number_of_shards * (from + size)”文档,这会变得非常大,吃光了所有的堆...对于读取,新文档刷新间隔之后才可用于搜索。为了确保搜索请求从最新版本的文档返回结果,复制可以设置为同步(默认),它在主分片和副本分片上完成操作返回写请求。...所有索引/删除/更新操作都写入 translog,并且在每次索引/删除/更新操作(或默认情况下每 5 秒)对 translog 进行 fsync,以确保更改是持久的。

    1.7K20

    梳理 6 项 webpack 的性能优化

    [ext]` } } 二.提升开发效率 开发过程中修改代码,需要自动构建和刷新浏览器,以查看效果。...: 向网页中注入代理客户端代码,通过客户端发起刷新 向网页装入一个iframe,通过刷新iframe实现刷新效果 默认情况下,以及 devserver: {inline:true} 都是采用第一种方式刷新页面...,并用新模块替换老模块,所以预览反应更快,等待时间更少,同时刷新页面能保留当前网页的运行状态。...确保没有 compiler 将 ES2015 模块语法转换为 CommonJS模块(这也是流行的 Babel preset 中 @babel/preset-env 的默认行为 - 更多详细信息请查看 文档...代码在浏览器上运行时只有点击了按钮才会开始加载show.js,且import语句会返回一个Promise,加载成功可以在then方法中获取加载的内容。

    1.8K20
    领券