asp.net blazor組件怎樣復用

在ASP.NET Blazor中，組件是可復用的代碼單元，可以在不同的頁面和功能中重復使用。要實現組件的復用，請按照以下步驟操作：

1. 創建一個基本組件 首先，創建一個新的類庫項目，用于存放你的組件代碼。在該項目中，創建一個基本的組件類，繼承自ComponentBase。例如，我們創建一個名為MyComponent的組件：

using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Rendering;

public class MyComponent : ComponentBase
{
    protected override void BuildRenderTree(RenderTreeBuilder builder)
    {
        base.BuildRenderTree(builder);
        builder.AddContent(0, "Hello, I'm a reusable component!");
    }
}

2. 在其他組件或頁面中使用基本組件 要在其他組件或頁面中使用MyComponent，首先需要導入它。然后，可以在組件或頁面的代碼中添加對應的基本組件標簽。例如，在Index.razor頁面中使用MyComponent：

@page "/index"

@if (isLoading)
{
    <p>Loading...</p>
}
else
{
    <MyComponent />
}

<button @onclick="ToggleLoading">Toggle Loading</button>

@code {
    private bool isLoading = false;

    private void ToggleLoading()
    {
        isLoading = !isLoading;
    }
}

3. 使用參數定制組件 要讓組件更具有通用性，可以通過添加參數使其能夠根據傳入的數據渲染不同的內容。參數可以是簡單的類型（如字符串、整數等），也可以是復雜類型（如自定義類）。以下是一個使用字符串參數的示例：

// MyComponent.razor
@code {
    [Parameter]
    public string Message { get; set; }

    protected override void BuildRenderTree(RenderTreeBuilder builder)
    {
        base.BuildRenderTree(builder);
        builder.AddContent(0, Message);
    }
}

然后，在使用該組件的地方傳入相應的參數：

<MyComponent Message="Hello from the parent component!" />

通過以上步驟，你已經成功創建了一個可復用的ASP.NET Blazor組件，并在其他組件或頁面中使用了它。你可以根據需要進一步擴展和定制組件的功能。