antd的tooltip嵌套内部组件报错

sfumato

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

阅读量252

点赞数 2

文章标签： react

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

版权

错误信息

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>