在一些情况下，我们需要在同一个页面中渲染多个根组件，这时候就需要使用Blazor提供的组件占位符（Component Placeholder）来实现。

以下是示例代码：

1. 在App.razor中，添加组件占位符

    
        
    
    
        
            
Sorry, there's nothing at this address.
        
    



    @ChildContent

2. 创建一个名为SecondComponent的组件并添加到MainLayout中

    
Main Layout
    
This is the main layout.
    

        @ChildContent
    
    
Second Component:
    

3. 最后在Index.razor和SecondComponent.razor中分别写入所需组件

Index.razor

@page "/"

Hello, world!



Index Component

SecondComponent.razor

Second Component
Second Component Content

这样就可以在同一个页面中渲染多个根组件。