我的Tabs下面有5个tabPane，并且这几个tabPane共用了一个search组件，今天遇到了一个bug，就是这几个组件使用公共查找组件的时候，前一个组件的值会影响下一个组件的值。
不然TabPane会多加载，这样数据就乱了。
<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
}