当前位置: 首页 > 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.lryc.cn/news/266148.html

相关文章:

  • openGauss学习笔记-171 openGauss 数据库运维-备份与恢复-导入数据-深层复制
  • [kubernetes]控制平面ETCD
  • 序列化类的高级用法
  • 4.svn版本管理工具使用
  • ZKP Algorithms for Efficient Cryptographic Operations 1 (MSM Pippenger)
  • Windows系统安装 ffmpeg
  • 油猴脚本教程案例【键盘监听】-编写 ChatGPT 快捷键优化
  • 数据结构 | 查漏补缺
  • 回溯算法练习题
  • 代码随想录算法训练营 | day60 单调栈 84.柱状图中最大的矩形
  • vscode中vue项目报错
  • 「数据结构」二叉树2
  • 数据处理系列课程 01:谈谈数据处理在数据分析中的重要性
  • C++卡码网题目55--右旋字符串
  • 八股文打卡day8——计算机网络(8)
  • 亚马逊推出 Graviton4:具有 536.7 GBps 内存带宽的 96 核 ARM CPU
  • 跨域问题的解决
  • Typro+PicGo自动上传图片(图床配置)
  • uniapp实战 -- 个人信息维护(含选择图片 uni.chooseMedia,上传文件 uni.uploadFile,获取和更新表单数据)
  • 企业如何建立价值评估体系?
  • 华为安防监控摄像头
  • [node] Node.js 缓冲区Buffer
  • 【ARM Cortex-M 系列 5 -- RT-Thread renesas/ra4m2-eco 移植编译篇】
  • 功能强大的开源数据中台系统 DataCap 1.18.0 发布
  • A Philosophy of Software Design 学习笔记
  • 设计模式----解释器模式
  • Linux常用命令(一):Conda、RPM、文件权限、apt-get(更新中...
  • 3 个适用于 Mac 电脑操作的 Android 数据恢复最佳工具 [附步骤]
  • 日志服务 SLS 深度解析:拥抱云原生和 AI,基于 SLS 的可观测分析创新
  • MinIO客户端之rm