antd的tooltip嵌套内部组件报错

sfumato

于 2024-04-12 12:54:05 发布

阅读量538

点赞数 2

文章标签： react

本文链接：https://blog.csdn.net/sfumato/article/details/137676502

版权

本文讲述了在React中遇到的UnexpectedApplicationError:Maximumupdateddepthexceeded问题，主要原因是组件在componentWillUpdate或componentDidUpdate阶段频繁调用setState导致无限循环。解决方法是在自定义组件外部添加一层如Tooltip的包装，并使用key和触发器控制渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误信息

Unexpected Application Error!
Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

查了半天，也没有循环依赖

解决

在自定义组件外包裹一层标签

 <Tooltip
   key={tool.icon}
   placement="top"
   title={tool.tooltip}
   trigger="hover"
 >
   <span>
     <DIcon style={{ margin: "0 12px" }} type={tool.icon}></DIcon>
   </span>
 </Tooltip>