c# - Blazornet UI가 렌더링하지 않음

인터넷에서 사용 가능한 많은 게시물을 참조하여 Blaor.Net 응용 프로그램을 개발 중입니다. 내가 직면 한 문제 면도기 파일을 깨끗하고 읽기 쉽게 유지하기 위해 UI에서 seprate 파일로 코드를 이동하려고합니다. 이를 위해 UI 측 C # 코드를 BaseComponent에서 상속되는 별도의 구성 요소로 유지합니다

@page "/Item"
@using WebApplication1.Shared
@using WebApplication1.Client.Services;
@inherits ItemComponent
@if (ItemList != null)
{
    <table class="table">
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Category</th>
                <th>Metal</th>
                <th>Price</th>
                <th>Quantity</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in ItemList)
            {
                <tr>
                    <td>@item.ID</td>
                    <td>@item.Name</td>
                    <td>@item.Category</td>
                    <td>@item.Metal</td>
                    <td>@item.Price</td>
                    <td>@item.Quantity</td>
                </tr>
            }
        </tbody>
    </table>
}
@functions{
    public List<ItemModel> ItemList;
    ItemComponent IC = new ItemComponent();
    protected override async Task OnInitAsync()
    {
        ItemList = IC.GetItems().Result;
    }
}

ItemComponent.cs

public class ItemComponent : ComponentBase
{
    private string BaseUrl = "http://localhost:52114/";
    public async Task<List<ItemModel>> GetItems()
    {
        HttpClient Http = new HttpClient();
        return await Http.GetJsonAsync<List<ItemModel>>(BaseUrl + "api/Item/GetItems");
    }
}

UI에서 API 호출을하는 대신 별도의 파일에 넣고 싶습니다. 구성 요소는 기본적으로 면도기 페이지의 파일 숨김 코드로 작동합니다

와이즈 비즈

하지만 구성 요소를 만들어 면도기로 상속 한 후에는 예외가 발생합니다

와이즈 비즈

이 예외 후에 브라우저가 중단되었습니다. 작업 관리자를 통해서만 닫을 수 없습니다

Http.GetJsonAsync>(BaseUrl + "api/Item/GetItems");