NextJS 9：在父路径组件中渲染子路径

Question

我正在尝试创建一个设置，使我能够根据当前路线路径在图层中呈现内容。

我的设置当前如下：

1. 我有一个 layout.tsx 组件来包装所有主要路线。这放置在共享组件文件夹中。
2. 我有一个名为 articles 的文件夹，其中有一个 index.tsx 。它使用 layout.tsx 文件重用一般感觉。
3. 我想将路径设置为 / articles /：id 。

现在，如果当前路径类似于 / articles / 1 ，那么我希望能够根据以下内容在我的 articles / index.tsx 文件中呈现某些内容：路径中给出的 id 。就像您在反应路由器中使用 Route 组件一样。或者您在Ember中使用 yield ，而不能使用。

我认为我需要一个类似于catch all的组件，该组件将提供 index.tsx 或 [id] .tsx 文件之类的东西。但是我需要自己处理吗，还是NextJS可以为我完成繁重的工作？