Reactjs NextJS 9:在父路由组件中渲染子路由

我正在尝试创建一个设置，在该设置中，我可以根据当前路径渲染层中的内容

我的设置当前如下所示：

我有一个layout.tsx组件来包装我的所有主要路线。这将放置在共享组件文件夹中

我有一个名为articles的文件夹，其中有一个index.tsx。它使用layout.tsx文件来重用通用感觉

我想将路径设置为类似于/articles/：id的路径

现在，如果当前路径类似于/articles/1，那么我希望能够基于路径中给定的id在我的articles/index.tsx文件中呈现一些内容。就像您在react路由器中使用路由组件一样。或者你在余烬中使用收益率什么的

我想我需要一个像catch-all这样的组件，它可以为index.tsx或[id].tsx文件提供服务。但是我需要自己处理吗，或者NextJS可以帮我做这个重担吗