fourup4的博客

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

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