如何将复杂对象发送到blazor页面

public class ComplexObject
{
    public int Id { get; set; }
    public string Name { get; set; }
    public List<string> Items { get; set; }
}

[ApiController]
[Route("[controller]")]
public class DataController : ControllerBase
{
    [HttpGet("complex")]
    public IActionResult GetComplexObject()
    {
        var complexObject = new ComplexObject
        {
            Id = 1,
            Name = "Sample Object",
            Items = new List<string> { "Item1", "Item2", "Item3" }
        };
        return Ok(complexObject);
    }
}

@page "/fetchdata"
@inject HttpClient Http

<h3>Complex Object Data</h3>

<p>Id: @complexObject.Id</p>
<p>Name: @complexObject.Name</p>
<ul>
    @foreach (var item in complexObject.Items)
    {
        <li>@item</li>
    }
</ul>

@code {
    private ComplexObject complexObject;

    protected override async Task OnInitializedAsync()
    {
        complexObject = await Http.GetFromJsonAsync<ComplexObject>("api/data/complex");
    }
}