当前位置: 首页 > news >正文

为什么react call api in cDidMount

为什么react call api in cDM
首先,放到constructor或者cWillMount不是语法错误
参考1

参考2

根据上2个参考,总结为:

1、官网就是这么建议的:
在这里插入图片描述

2、17版本后的react 由于fiber的出现导致 cWM 会调用多次! cWM 方法已被废弃

(那么,17之前的react为什么要如此建议呢?)
3、渲染过程是非常快的,即使放到了cWM,也不会让接口快很多。API数据到达前端的时候,必定晚于初次渲染。必定会导致re-render,因此,放到cWM也会导致重新渲染
4、如果放到cWM,会让人误以为等到数据拿到后才去渲染页面。从而让人忘记去设置初始值。导致页面崩了。
5、以Next.js为例的ssr 会让cWM在server side走一次,然后client side再走一次。导致接口调2次??–本人未实践,参考资料里这么写的。
如下:
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/2c34bd292b104dd0a6b44d6f22ca7c90.png

http://www.dtcms.com/a/5793.html

相关文章:

  • SQL手工注入漏洞测试(MySQL数据库)
  • 【MySQL】:超详细MySQL完整安装和配置教程
  • 最新技术整理3款开源免费直播推流工具,实现实时视频推流、视频拉流,目标端可以是服务器、云平台、移动设备等(附源码)
  • C#与php自定义数据流传输
  • 免费的ChatGPT分享
  • axios进行图片上传组件封装
  • Android笔记(二十一):Room组件实现Android应用的持久化处理
  • 【网络安全 | 网络协议】结合Wireshark讲解TCP三次握手
  • ros2+gazebo+urdf:ros2机器人使用gazebo的urdf文件中的<gazebo>部分官网资料
  • 蓝牙物联网与嵌入式开发如何结合?
  • 人工智能:网络犯罪分子的驱动力
  • Unity网格篇Mesh(一)
  • Python五子棋程序实现详解
  • Android studio 使用greenDao根据实体类生成dao类
  • 【我与java的成长记】之面向对象的初步认识
  • 手写爬虫框架
  • 【宇宙猜想】AR文创入驻今日美术馆、北京天文馆等众多展馆,在AR互动中感受科技魅力!
  • Linux Debian12使用podman安装upload-labs靶场环境
  • 算法leetcode|94. 二叉树的中序遍历(多语言实现)
  • Apache Flink 进阶教程(六):Flink 作业执行深度解析
  • 爬虫爬取豆瓣电影、价格、书名
  • 网络安全选择题20道——附答案
  • 前端axios与python库requests的区别
  • VideoPoet: Google的一种用于零样本视频生成的大型语言模型
  • HarmonyOS构建第一个JS应用(FA模型)
  • java实现深度优先搜索 (DFS) 算法
  • html table+css实现可编辑表格
  • 如何使用宝塔面板+Discuz+cpolar内网穿透工具搭建可远程访问论坛服务
  • 写一个java状态模式的详细实例
  • 怎么实现Servlet的自动加载