Reactjs React路由器-在变量或组件中分组路由

我正试图设置我的路由器来处理一个多语言站点，但在路由模块化方面遇到了问题

我的路由文件如下所示：

从“React”导入React
从“react router dom”导入{Redirect，Route，Switch，useRouteMatch}
从“./views/front view”导入FrontPage
从“./views/search portal view”导入SearchPortal
从“./视图/文档视图”导入文档视图
从“./views/error view”导入ErrorView
导出常量路由=（）：JSX.Element=>{
const{path}=useRouteMatch（）
返回(
)
}
导出常量DefaultRoutes=(
{console.log（'Search Route'）}
{console.log（'documentroute'）}
{console.log（'error route'）}
{console.log（'home route'）}
)
export const LangRoutes=（）：JSX.Element=>(
{DefaultRoutes}
{/*在没有其他效果时渲染*/}
)

除了我有一个没有语言的无效URL外，其他一切都可以正常工作。（例如，localhost:3000/invalidPath）。如果该路径在使用该语言后变为无效，它将正常工作，并显示错误页面

但是，如果我将

DefaultRoutes

（不带片段）的内容复制并粘贴到

LangRoutes

，则一切正常

为什么会这样？有没有更好的方法来做到这一点