问题场景：
我父组件有两个集合点击父组件中的标签打开子组件给我先第一个集合进行绑定数据
但是我第二个集合明明没有绑定数据但是也显示出来了，怎么让这两个集合进行独立
相互之间不受影响,使用唯一值控制,是不是需要销毁重新加载之类的操作。
拒绝bp，实现就采纳

父组件 部分关键性代码
funtion ListTreeComponets(){

// 创建三级节点 这个是我的节点代码 这个节点是动态新建的
const interfaceNode = {
title: (
<span>
<FacebookOutlined onClick={() => showModallocaDoument(formData,formData.SolutionNo)} style={{ marginLeft: '15px', marginRight: '5px' }} />

        </span>
      ),
    };


//这个方法就是打开子组件的
const showModallocaDoument=(data)=>{ 
  const internewData = {
    ...data,
    OptionControl: data.OptionControl,
    Optionlable:data.Optionlable,
  };
  const finalData = {
    ...internewData,
  };
  setisopendocmentdw(true);
  }

<IndocmentComponets
isopen={isopendocmentdw}
onClose={handleCloseModaldo}
/>

}export default ListTreeComponets

子组件
function IndocmentComponets(props){
const {
  isopen,
    onClose,
}
=props;

const columntwo = [
{
title: '表名',
dataIndex: 'table_name',
key: 'table_name',
render: (text) => (
<Tooltip title={text}>
<span>{text}</span>
</Tooltip>
),
},
{
title: '属性',
dataIndex: 'attributes',
key: 'attributes',
render: (text) => (
<Tooltip title={text}>
<span>{text}</span>
</Tooltip>
),
},
{
title: '英文名',
dataIndex: 'en_name',
key: 'en_name',
render: (text) => (
<Tooltip title={text}>
<span>{text}</span>
</Tooltip>
),
},
{
title: '中文名',
dataIndex: 'zh_name',
key: 'zh_name',
render: (text) => (
<Tooltip title={text}>
<span>{text}</span>
</Tooltip>
),
},
{
title: '字段',
dataIndex: 'fields',
key: 'fields',
render: (text) => (
<Tooltip title={text}>
<span>{text}</span>
</Tooltip>
),

    },
    {
      title: '长度',
      dataIndex: 'length',
      key: 'length',
    },
    {
      title: '名称',
      dataIndex: 'name',
      key: 'name',
      render: (text) => (
        <Tooltip title={text}>
          <span>{text}</span>
        </Tooltip>
      ),
    },
    {
      title: '类型',
      dataIndex: 'type',
      key: 'type',
      render: (text) => (
        <Tooltip title={text}>
          <span>{text}</span>
        </Tooltip>
      ),
    },,
  ];


//读取api接口数据部分 这里就是获取数据的方法

const docMetaSave = (formData) => {
const updatedFormData = formData.map((data) => ({
...data,
SolutionNo: formattribute.SolutionNo
}));
setBasicMeta(updatedFormData);
setbasicsource(updatedFormData);
console.log('追加后的from数据', updatedFormData);
};

//给table赋值
useEffect(() => {
debugger
if (!basicMeta) {
setColumntwoData([]);
return;
}
debugger
setColumntwoData(
basicMeta.map((row, index) => ({
key: index.toString(),
table_name: row.table_name,
attributes: row.attributes,
en_name: row.en_name,
zh_name: row.zh_name,
fields: row.fields,
length: row.length,
name: row.name,
type: row.type,
}))
);
debugger
console.log("读取到的数据源信息:",columntwoData)
}, [basicMeta]);

 <Table
        dataSource={columntwoData}
        columns={columntwo}
        />

}export default IndocmentComponets

实现效果:
假设我新建了多个集合并给每个集合绑定或者不绑定数据,点击不同的集合展示的效果不同。
假设集合一绑定了数据我点开集合一table中就是有数据的
假设集合二没有绑定数据我点开集合二table中就是空的
注意:集合之间不影响,我操作了集合2就不会对集合一造成影响。
我个人感觉是加载绑定数据哪里的问题，只要给他区分开来或者价格标记就可以了，具体的实现我不是清楚。
我现在绑定每次都是加载的时候给这个table赋值而这个table就一个。都是同一个tabel。