Javascript 扩展或映射数组会更改属性中的数组

我试图使用从API获得的对象数组来创建reactjs应用程序的数组。我发现的唯一问题是，当我传播或映射它时，我的路由数组不知何故被破坏了。 下面是代码片段

const childRoutes=（布局，路由）=>{
控制台日志（路由）；
console.log（[…routes]）；
返回路由.map（{子级，路径，组件：组件}，索引）=>{
还孩子(
//带孩子的路线项目
map（{path，component:component}，index）=>{
返回(
(
)}
/>
);
})
) : (
//不带子项的路线项目
(
)}
/>
);
});
};

所有额外的返回都是因为我添加了额外的

console.logs

。 这些路由来自另一个组件。这是

控制台。返回的日志为：

正如您所看到的，当我展开数组时，子数组是空的。当我尝试映射它以创建路线时，它也会被清空。
您能否提供一些示例数据作为文本，以及？