javascript - antd的Tabs组件动态载入子组件导致子组件componentDidMount执行多次
本文介绍了javascript - antd的Tabs组件动态载入子组件导致子组件componentDidMount执行多次的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
动态载入的组件componentDidMount事件会重复触发,触发次数小于等于tabPanes的长度,我在每个组件的componentDidMount都有加console,可以观察console的日志状态就知道我说的问题了
在tabs进行切换的时候动态载入的组件的componentDidMount不会重复触发
在线的demo代码我已经写出来了 确实是有这样的问题 antd在GitHub的官网开issue 里面的开发者让我在这里面提问比较合适 所以我就来了 还望知道的小伙伴指点下
https://codepen.io/dupi/pen/b...
解决方案
antd表示这个锅我不背,代码改成这样
const pane = this.state.arr.map(item => <TabPane key={item.key} tab={item.key}>
{template[item.key]}</TabPane>)
这篇关于javascript - antd的Tabs组件动态载入子组件导致子组件componentDidMount执行多次的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文