asp.net-core - 将内容加载到 Blazor TabControl

Question

我按照这个和类似的指南创建了一个 TabControl:

https://blazor-university.com/templating-components-with-renderfragements/creating-a-tabcontrol/

我的测试 Tabs.razor 页面上的相关代码是:

<TabControl>
  <TabPage Text="Tab 1">
    <h1>The first tab</h1>
  </TabPage>
  <TabPage Text="Tab 2">
    <h1>The second tab</h1>
  </TabPage>
  <TabPage Text="Tab 3">
    <h1>The third tab</h1>
  </TabPage>
</TabControl>

选项卡本身内的页面将包含比一句话更多的内容。我发现的所有选项卡式示例都只有这样的选项卡内容，平铺在页面上。有没有办法让标签内容更加模块化，可能让它存在于单独的文件中？我希望这一切都加载到页面初始化中，我只是希望没有一个包含所有选项卡内容的大型怪物 .razor 页面。

我不确定我是否需要在这里嵌套布局或什么，或者渲染将如何工作(我需要选项卡内容的行为类似于具有功能和提交操作等的顶级 Razor 页面......)。

显然，这很新，并且无法找到答案。提前致谢。

Answer 1

 <TabPage Text="Tab 1">
    <MyFirstTabbedComponent />
  </TabPage>

然后将 MyFirstTabbedComponent.razor 开发为页面/组件。
enfin，你已经做过类似的事情了。