当前位置: 首页 > 知识库问答 >
问题:

前端 - React中,fetch网络数据应该在哪个生命周期里?

督俊雅
2023-07-12

React三个比较重要的生命周期:
componentDidMount
componentDidUpdate
componentWillUnmount

请问
1、还有其他重要的生命周期吗?
2、fetch网络数据应该在哪个生命周期里?

共有4个答案

夏弘义
2023-07-12

生命周期的话,直接看文档就好了呀 �� Component – React

发起数据请求的话在componentDidMount 里面发起请求就好了,但是在当前React主流环境下的开发模式下好像都不再强调生命周期了。
另外也可以看社区大佬的一片相关文章 �� 官方答:在React18中请求数据的正确姿势(其他框架也适用)

黄锋
2023-07-12

现在一般都是使用函数式组件吧

useEffect(() => {
 init()
}, [])

function init() {
// 请求数据
}
欧阳元魁
2023-07-12

咋回事,2023年还有必要用class写法吗?公司强迫的?

宋臻
2023-07-12

fetch 网络数据一般在 componentDidMount 这个生命周期里。参考 React 的 官方文档

componentDidMount() is invoked immediately after a component is mounted (inserted into the tree). Initialization that requires DOM nodes should go here. If you need to load data from a remote endpoint, this is a good place to instantiate the network request.

 类似资料:
  • 本文向大家介绍react中发起网络请求应该在哪个生命周期中进行?为什么?相关面试题,主要包含被问及react中发起网络请求应该在哪个生命周期中进行?为什么?时的应答技巧和注意事项,需要的朋友参考一下 异步情况可以在componentDidMount()函数中进行。 同步的情况可以在componentWillMount()中进行。

  • 本文向大家介绍react生命周期函数相关面试题,主要包含被问及react生命周期函数时的应答技巧和注意事项,需要的朋友参考一下 这个问题要考察的是组件的生命周期 一、 初始化阶段: Constructor初始化状态 componentWillMount:组件即将被装载、渲染到页面上 render:组件在这里生成虚拟的DOM节点 componentDidMount:组件真正在被装载之后 二、 运行中

  • 本文向大家介绍说说react的生命周期有哪些?相关面试题,主要包含被问及说说react的生命周期有哪些?时的应答技巧和注意事项,需要的朋友参考一下 装载阶段 组件第一次被渲染时的阶段,这一阶段相关的生命周期函数有: constructor componentWillMount render componentDidMount 更新阶段 如果组件中的 state 或者 props 发生了改变,Rea

  • 所有的数据都有生命周期,生命周期越长,需要的手续费(Energy)越多。生命周期终止,数据将被删除。从而可以淘汰无用数据。 日志型数据的生命周期是固定的一年,通过数据的生命周期,可以计算出日志写入时间,跨链读取将以这个时间和区块的时间比较,如果大于n*5分钟(n为两条链的逻辑距离),则日志数据是有效的。从而实现可信的跨链数据读取。

  • 本文向大家介绍react中修改prop引发的生命周期有哪几个?相关面试题,主要包含被问及react中修改prop引发的生命周期有哪几个?时的应答技巧和注意事项,需要的朋友参考一下 componentWillReceiveProps componentShouldUpdate componentWillUpdate componentDidUpdate

  • 主要内容:挂载,更新,卸载,实例,实例,React 实例,React 实例在本章节中我们将讨论 React 组件的生命周期。 组件的生命周期可分成三个状态: Mounting(挂载):已插入真实 DOM Updating(更新):正在被重新渲染 Unmounting(卸载):已移出真实 DOM 挂载 当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下: : 在 React 组件挂载之前,会调用它的构造函数。 : 在调用 render 方法之前调用,并且在初始挂