包装器和本机Razor组件是用于创建Web应用程序的两种不同的技术。

1. 包装器：
   • 包装器是一种用于将外部代码封装到Razor组件中的技术。
   • 它允许将外部代码（例如JavaScript库或第三方组件）包装到Razor组件中，以便在Razor组件中使用。
   • 包装器可以通过JavaScriptInterop技术将Razor组件与外部代码进行通信。
   • 以下是一个示例，演示如何将外部JavaScript库包装到Razor组件中：

@using Microsoft.JSInterop

@code {
    [Inject]
    public IJSRuntime JSRuntime { get; set; }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            await JSRuntime.InvokeVoidAsync("loadExternalLibrary");
        }
    }
}

2. 本机Razor组件：
   • 本机Razor组件是一种使用C#和Razor语法编写的Web组件。
   • 它与传统的ASP.NET Web Forms或MVC视图不同，使用Razor语法来生成HTML代码。
   • 本机Razor组件可以包含C#代码和Razor语法，用于处理逻辑和生成动态内容。
   • 以下是一个示例，演示如何在Razor组件中使用循环和条件语句：

@foreach (var item in items)
{
    if (item.IsActive)
    {
        
@item.Name
    }
    else
    {
        
@item.Name
    }
}

通过这两种技术，您可以在Razor组件中使用外部代码和C#逻辑来创建功能强大的Web应用程序。