首页 > 其他分享 >React报错:Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infini

React报错:Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infini

时间:2024-03-14 14:33:05浏览次数:21  
标签:development react dom js React 报错 renders

Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
    at renderWithHooks (react-dom.development.js:16317:1)
    at mountIndeterminateComponent (react-dom.development.js:20074:1)
    at beginWork (react-dom.development.js:21587:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)
    at invokeGuardedCallback (react-dom.development.js:4277:1)
    at beginWork$1 (react-dom.development.js:27451:1)
    at performUnitOfWork (react-dom.development.js:26560:1)
    at workLoopSync (react-dom.development.js:26466:1)
    at renderRootSync (react-dom.development.js:26434:1)

  解决办法:

        不能再控件的初始化中setData()。不然会导致陷入循环。

要采用这种模式:

const [data,setData] = useState([{name:'12313'}]);   或者用useEffect也行

标签:development,react,dom,js,React,报错,renders
From: https://www.cnblogs.com/wwssgg/p/18072789

相关文章

  • 【 React 】React 构建组件的方式有哪些?区别?
    1.组件是什么组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模式在React中,一个类、一个函数都可以视为一个组件降低整个系统的耦合度,在保持接口不变的情况下,我们可以替换不同的组件快速完成需求,例如输入框,可以替换为日历、时间、范围等组件......
  • 【AutoCAD .NET】创建Hatch时报错eInvalidInput
    问题出处https://forums.autodesk.com/t5/net/hatch-to-drawn-polyline-e-message-quot-einvalidinput-quot/m-p/9631373问题描述我使用以下语句绘制了一条多段线:Acad.Application.DocumentManager.MdiActiveDocument.SendStringToExecute("PL",true,false,true);按如下......
  • Qt 报错: QWidget: Must construct a QApplication before a QWidget
    最近遇到一个问题,程序编译时出现报错:Mustconstructa QApplication beforeaQWidget。我的main.cpp有这样的代码1intmain(intargc,char*argv[])2{3QApplicationa(argc,argv);4}另外一个SS.h1classSS:publicQWidget2{3Q_OBJECT4public:......
  • 大模型基础应用框架(ReACT\SFT\RAG)技术创新及零售业务落地应用
    一、前言2023年,大语言模型以前所未有的速度和能力改变我们对智能系统的认知,成为技术圈最被热议的话题。但“百模大战”终将走向“落地为王”,如何将大语言模型的强大能力融入实际业务、产生业务价值成为致胜关键。在零售场,大模型应用面临的核心挑战包括以下三点:(1)模型缺乏零售领......
  • Springboot2+consul启动时报错,读取的SystemConfig类的值全部为null
    【错误描述】     解决方案:检查是否已经在pom.xml配置了consul的相关jar包引用。 排查过程:检查了启动的日志,跟旧项目的正常日志进行对比,发现缺少了读取配置boostrap文件的日志。怀疑没有启动consul服务去远端读取consul的内容。 ......
  • IDEA启动报错 Internal error.Please refer to http://jb.ge/ide/critical-startup-er
    1.问题描述启动IDEA遇到报错Internalerror.Pleaserefertohttp://jb.ge/ide/critical-startup-errors2.问题原因java.net.BindException:地址已在使用中:也就是idea启动时需要占用一些端口,但是已经被其它打开的软件占用了。IDE正在本地主机上启动服务器,它将尝试在6942和......
  • linux系统报错AER PCIe Bus Error
    1、报错信息pcieport0000:00:1c.7:AER:PCIeBusError:severity=Corrected,type=PhysicalLayer,(ReceiverID)device[8086:a33f]errorstatus/mask=00000001/00002000[0[RxErr2、修改grub文件//备份grubsudocp/etc/default/grub/etc/default/grub.bak//随便......
  • docker系列-报错以及解决指南
    1.windows运行docker报错WindowsHypervisorisnotpresentDockerDesktopisunabletodetectaHypervisor.HardwareassistedvirtualizationanddataexecutionprotectionmustbeenabledintheBIOS.DockerDesktop-WindowsHypervisorisnotpresentDockerDeskto......
  • 基于ts的node项目引入报错归纳
    一、导入类型定义文件错误node_modules/@types/leaflet/index.d.ts:128:1128export=e;Thismoduleisdeclaredwith'export=',andcanonlybeusedwithadefaultimportwhenusingthe'esModuleInterop'flag.这个错误表明使用export=语法,但TypeSc......
  • ORACLE 19C 报错总结
    使用sys用户登录sqlplus后,startup命令启动Oracle时报ORA-01078和LRM-00109错误,如下所示:SQL>conn/assysdbaConnectedtoanidleinstance.SQL>startupORA-01078:failureinprocessingsystemparametersLRM-00109:couldnotopenparameterfile'/home/oracle......