react子组件复用引发的父组件直接获取子组件数据错乱问题

背景：     父组件是tab页，多次引用同一子组件，并可以新增及关闭tab页。 问题描述：        父组件切换tab2之后，关闭tab2，active的tab变为tab1，这个时候获取到的子组件数据是tab2的数据，正常应该获取到的数据为当前activeTab的数据，即tab1的数。父组件在未发生关闭tab页的情况下，切换tab页的时可以正常获取子组件数据。 代码如下： 父组件： 子组件：

>>阅读原文<<