当前位置: 首页 > 面试题库 >

在哪里放置用于在React应用程序中加载初始服务器数据的逻辑?

盖嘉珍
2023-03-14
问题内容

我正在使用React-Redux构建一个应用程序

要为React智能组件加载初始数据,我需要调度 Redux 操作,在该操作中将发生服务器数据请求。

我尝试在构造函数(ES6实现)componentWillMount和中分派操作componenetDidMount。他们都工作了。

我的问题是:

在React智能组件中是否有建议的位置应分派动作。


问题答案:

在React的未来版本中,我们期望componentWillMount在某些情况下会触发多次,因此您应该对网络请求使用componentDidMount。

componentDidMount

在这里阅读。

在componentDidMount中获取数据 。响应到达时,将数据存储在状态下,触发渲染以更新您的UI。

异步获取数据时, 在卸载组件之前 使用componentWillUnmount取消所有未完成的请求

关于“ why incomponentDidMount”的文档确实很少。我相信componentWillMount如果使用服务器端渲染不会调用它,所以这可能componentDidMount是首选的原因。



 类似资料:
  • 问题内容: 我已经开始学习React / Redux,偶然发现了可能是一个非常基本的问题。以下是我的应用程序中的代码段,为简单起见删除了一些代码。 我的状态由一系列网站描述,默认情况下为空。每当用户分页到其他页面时,以后的reducer就会采取措施加载不同的网站集,但目前它什么也没做。React从渲染开始,然后渲染,然后渲染然后遍历数据并渲染各个站点。 我想要做的是让它使用默认的空数组呈现所有内容

  • 问题内容: 我正在使用Flask / Gunicorn运行Web应用程序,并且对生命周期管理有疑问。我在Java世界中拥有关于servlet的更多经验。 我正在为服务创建一个宁静的接口。该服务始终在服务器上运行,并与一组子服务器进行通信和控制。在Java中,将通过侦听器和servlet初始化方法来创建和初始化我的服务(例如,传统上在中找到的设置)。 Flask中的等效设置和配置在哪里?我正在考虑诸

  • 所以我尝试了以下方法,结果成功了: 我不知道为什么第二个代码片段可以工作,而第一个却不行。有人能帮我理解一下吗?

  • 问题内容: 实用程序函数在Django中应该存放在哪里?诸如自定义加密/解密数字,发送推文,发送电子邮件,验证对象所有权,自定义输入验证等功能。我在应用程序中的多个位置使用了重复性和自定义内容。我现在肯定要打破DRY。 我看到了一些演示,其中在models.py中定义了函数,尽管从概念上看这对我来说并不正确。他们是否应该使用导入到我的项目中的“实用程序”应用程序?如果是这样,它们在实用程序应用程序

  • 我在开发环境中使用嵌入式MongoDB数据库。它在应用程序启动时设置为空。我想在设置Spring上下文时加载应用程序所需的初始数据。 Spring Data MongoDB中是否有方法指向将加载到数据库中的JSON文件(类似于hibernate中的import.sql(hibernate.hbm2ddl.import_文件)或NoSql单元中的@UsingDataSet)?

  • 问题内容: 我正在使用我使用android studio Tabbed Activity 创建的应用程序上工作,我选择了此活动,以便在用户滑动时从json url加载一些数据,并且我创建了另一个类,该类可以在方法上获取JSON数据,并且所有这些都可以正常工作,除非在应用程序时从调用方法的主要活动开始,并且当我调用布局时未填充任何数据时 ,我想要的是加载应用程序MainActivity时要显示的数据