今天解决了我自认为一个很不起眼的Bug。
我的Tabs下面有5个tabPane，并且这几个tabPane共用了一个search组件，今天遇到了一个bug，就是这几个组件使用公共查找组件的时候，前一个组件的值会影响下一个组件的值。
找了半天发现，原来我应该在父组件Tabs中定义一个useState的状态status,当Tabs执行callback的时候，会有一个key，就把这个key存在status里面，然后当status等于每个组件对应的key时再加载相对应的组件。
不然TabPane会多加载，这样数据就乱了。文章来源：https://www.toymoban.com/news/detail-412491.html
写一个代码片段文章来源地址https://www.toymoban.com/news/detail-412491.html
<Tabs onTabClick={callback}>
<TabPane key='1'>
{status==='1' <ComponentA / > :null }
</TabPane>
<TabPane key='2'>
{status==='2' <ComponentB / > :null }
</TabPane>
</Tabs>
const [status,setStatus]=useState('');
const callback=(key)=>{
setStatus(key)
}
到了这里，关于关于react的Tabs组件中TabPane的bug的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
