antd的Tabs组件动态载入子组件导致子组件componentDidMount执行多次

Question

动态载入的组件componentDidMount事件会重复触发，触发次数小于等于tabPanes的长度，我在每个组件的componentDidMount都有加console，可以观察console的日志状态就知道我说的问题了

在tabs进行切换的时候动态载入的组件的componentDidMount不会重复触发

在线的demo代码我已经写出来了 确实是有这样的问题 antd在GitHub的官网开issue 里面的开发者让我在这里面提问比较合适 所以我就来了 还望知道的小伙伴指点下
https://codepen.io/dupi/pen/b...

Answer 1

antd表示这个锅我不背，代码改成这样

const pane = this.state.arr.map(item => <TabPane key={item.key} tab={item.key}>
      {template[item.key]}</TabPane>)

Answer 2

<TabPane forceRender />