antd 在componentWillReceiveProps生命周期中调用setFieldsValue造成死循环

ruby_xc ruby_xc 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2k累计阅读 2k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄10年
关注
原创 最新推荐文章于 2026-03-28 09:39:50 发布 2k 阅读 AI 写同款· GEO 优化 ›
手把手教你如何修改YOLO11的模型结构（以CBAM和可变性卷积为例） YOLO11修改模型结构 阅读详情

最近遇到一个情况

因为表单数据需要通过接口获得, 所以子组件需要在componentWillReceiveProps中获取props并填充表单

但是直接填充的话会造成死循环

解决方法:

收录于
前端学习

当前文章被收录于：

前端学习
37 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
【车载以太网】ATU（Address Translation Unit / Address Table Unit） 阅读详情

相关推荐

保姆级教程：用SOEM主站搞定汇川SV660N伺服驱动器的EtherCAT通讯（附完整C代码）

本文提供了一份详细的SOEM主站与汇川SV660N伺服驱动器EtherCAT通讯的实战教程，涵盖环境搭建、状态机理解、PDO映射配置、CiA402状态机实战、实时性能优化及诊断调试等关键步骤，并附完整C代码示例，帮助开发者快速实现工业级EtherCAT控制。

weixin_28292761的博客 307

antd的form组件setFieldsValue在ComponentWillreceiveProps中会死循环的解决方案

1. // 先判断值是否变化，不重复执行应该就不会死循环了 componentWillReceiveProps (nextProps) { if (!isEqual(this.props.defaultValues, nextProps.defaultValues)) { this.props.form.setFieldsValue(nextProps.defaultValues) } }  ...

m0_37352662的博客 6090

QKD(量子密钥分发)

量子密钥分发（Quantum Key Distribution，QKD）是一种基于量子力学原理的安全通信协议，它允许两个用户通过不安全的通信信道创建并共享一个安全的密钥。这个密钥随后可以用于加密和解密信息，确保通信的机密性。QKD的核心原理是量子不可克隆定理和量子测量的不确定性。

qq_40844444的博客 2898

React 组件封装之 Select 选择框

点击选项时出现下拉选择弹框。

杏子 8846

MMWCAS-DSP-EVM与AWR2243实战：从开箱到数据采集的完整避坑指南

本文提供了MMWCAS-DSP-EVM与AWR2243毫米波雷达评估板从开箱、软硬件准备、固件烧录到数据采集的完整实战指南。重点解析了硬件连接、软件版本匹配、固件烧录、网络配置及MMWave Studio GUI操作等关键步骤，并汇总了常见问题排查方法，帮助开发者快速上手并规避常见陷阱。

algae的博客 505

阿里云百炼平台创建智能体-上传文档

阿里云百炼智能体-上传文档文件

weixin_43930851的博客 1358

react componentWillReceiveProps 中发送请求导致死循环

我的需求是：在同一页面URL发生改变时，获取URL中的参数，然后请求新的数据。 代码如下： componentWillReceiveProps(props) { const { id, tagName, articleNum } = props.match.params; this.setState({ tagId: `,${id},`, tagName, a...

晓枫 3299

Gromacs空蛋白模拟实战：从PDB文件到动力学轨迹的完整流程解析

本文详细解析了使用Gromacs进行空蛋白分子动力学模拟的完整实战流程。从PDB文件处理、力场选择与拓扑构建，到模拟盒子创建、溶剂化与电荷中和，再到能量最小化、NVT/NPT平衡及最终的生产模拟与基础分析，提供了每一步的命令详解和关键注意事项，旨在帮助计算生物学研究者系统掌握这一核心研究工具。

weixin_28454475的博客 279

antd中的setFieldsValue

antd中的setFieldsValuetags实时改变input中的值

bl_ack233的博客 4519

halcon3d点云补全方法

属于halcon实例中的内容，后面还接了一部分的匹配

Tianwen_running的博客 1232

Open3D 使用CPD算法对点云配准【2025最新版】

Coherent Point Drift相干点漂移算法实现点云配准(python代码)博客长期更新，本文最近更新时间为：2025年2月2日。

点云侠的博客 8万+

antd setFieldsValue给变量赋值

setFieldsValue（{[(()=>变量名称)()]：值}） let node = 'project_'+Number(i+1); this.meetingForm.setFieldsValue({[(()=>node)()]:this.meetingForm.getFieldValue("project_"+Number(i+2))})

peppa_pig的博客 1523

锂电池充放电管理-单片机通用模版

- **①两节锂电池通过电阻分压检测ADC，再根据电压划分电量等级；** - **②充电使用的是锂电池充电IC方案，可通过硬件电阻参数调节充电电流，并可以通过STAT引脚检测充电和满电状态（充电注意会抬高电压）；** - **③放电根据ADC_BAT检测电池电量进行等级划分（注意大负载电压骤降瞬间）；** - **④充放电过程注意在电量划分等级临界值来回抖动现象；**

a6662580的博客 1490

React Native 中 component 生命周期

React Native中的component跟Android中的activity，fragment等一样，存在生命周期，下面先给出component的生命周期图getDefaultPropsobject getDefaultProps()执行过一次后，被创建的类会有缓存，映射的值会存在this.props,前提是这个prop不是父组件指定的 这个方法在对象被创建之前执行，因此不能在方法内调用th

子墨博客 7万+

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员，提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列，各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性，请参见数据手册。有关 ARM Cortex™-M4F 内核的信息，请参见《Cortex™-M4F 技术参考手册》。

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。，新界面，新视觉，

antd使用tooltip的时候遇到的坑

在使用表格展示数据的时候，表格每一列的宽度是固定的，当单元格数据过多时，就会需要做溢出隐藏处理，当鼠标滑过（或点击等）的时候，展示该单元格的全部内容 columns = [ { title: '描述', dataIndex: 'desc',key:"desc", onCell: () => { return { style: ...

xiaocuizao的博客 1万+

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

antd中setFieldsValue和defaultVal

代码如下： componentWillMount() { this.props.form.setFieldsValue({ const {maintain,form} = this.props; phone: maintain.account.phone, email: maintain.account.email }); consol

qq_31307253的博客 2万+

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

antdv中的a-form表单赋值setFidesValue不生效

最近在修改一个管理系统项目（Vue + Antdv），在做数据回显时，发现部分字段回显失败，检查所有代码发现都没有问题。后来搜索后提示说初始化时候赋值可以过早了, 特此记录一下。2、另一个解决方法是：加上this.$nextTick(()=>{})即可。👨 作者简介：大家好，我是Taro，前端领域创作者。

唐璜Taro的博客 3702

antd Design中关于Form表单 setFieldsValue 的使用

最近项目使用的是antd Design 4.x 版本，碰到个需要加载后端数据并展示，并且用户可以进行修改的需求，前端采用的是antd的Form表单来实现 form表单要回填数据一般会想到的是initialValues，但是这是适用于初始化值的时候，官方文档的原话：“initialValues 不能被 setState 动态更新，你需要用 setFieldsValue 来更新” 。搜索一番setFieldsValue的使用，基本上都是：this.props.form.setFieldsValue, props

weixin_41544124的博客 7733

react-ajax搜索功能 以及更新时componentWillReceiveProps(nextProps)方法

要点：ajax的封装， componentWillReceiveProps(nextProps)--父组件传子组件数据时，子组件通过父组件传过来的的数据 去请求得到新的数据 来展示 src：components+utils+index.css+index.js utils文件夹：ajax.js export default function get (url) {   return new ...

wenmin1987的博客 1114

在react中对自己的组件使用setFieldsValue

setFieldsValue的用法 setFieldsValue是antd form的一个api，其作用是对指定的已使用from包裹的表单进行value设置。那么所以它的功能也很简单，那就是给指定的input设置value。 如下所示： import React from "react"; import { Form, Input } from 'antd'; class TestForm ex...

qq_36990322的博客 2万+

过程：先Edit，然后SetFieldValue，接着Update，最后MoveNext

过程：先Edit，然后SetFieldValue，接着Update，最后MoveNext CDaoDatabase database; ... database.Open (sFile,false,false,"Excel 5.0"); CDaoRecordset recset(&database); ... recset.MoveNext ();//跳过若干条记录 recset

jupiter37的专栏 2140

antd4.x 使用setfieldsvalue动态修改表单值

1. //创建ref实例 formRef = React.createRef()

Easy is Boring 3324

react中componentWillReceiveProps()在props不改变的时候也可能被调用

最近在写react时，需要在props被改变时更新一些东西，所以使用了componentWillReceiveProps方法，但是却发现该方法总是在各种没有改变props的情况下被调用，觉得很奇怪，遂询问我导师（我导师超厉害的！），我导师说这个方法确实有可能在props不改变的情况下被调用，所以需要在方法里手动判断一下this.props和nextProps是否相同，不相同了才执行我的更新方法。于...

淡然坊 4万+

解决react：Warning: componentWillMount/componentWillUpdate has been renamed问题

这个意思是reactt 版本更新的问题已经移除了 这个生命周期函数 已经变成了下面的样子 如果react代码在19年11月之后的 版本 UNSAFE_componentWillMount() // 组件挂载前 UNSAFE_componentWillUpdate() 组件 更新后 ...

业余前端的职业经历 9963

react require图片路径问题

在require中引用本地图片时需要使用require(require里的值必须为字符串) 本地测试时, 如后端返回图片路径为'../static/img/img1.jpg', 使用props传入显示图片的组件 在子组件中引入该路径(引入失败): 此时看到控制台报错 觉得很奇怪, 我在前端写死图片路径, 如下(图片均能正常引入): 或者   把require放入表达...

ruby_xc的博客 8726

webpack打包去掉开发日志console.log和找到代码异常位置

在webpack.prod.config.js中修改为如下： new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false, drop_debugger: true, drop_console: true }, sourceMap: true...

ruby_xc的博客 8161
上一篇： mongolass插入第二条数据时报错E11000 duplicate key error collection
下一篇： koa 413 Payload Too Large
点赞 0
评论 0
书签 书签 0
ruby_xc
ruby_xc
博客等级 码龄10年 10粉丝 33原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值