How can I pass a parameter to a component that inherits ViewComponentBase

[omarwasfi]

I have a Tasks Page that should display tasks.
I want to separate each task and display each one in a component

This is Blazor component representing a task row

@inherits ViewComponentBase

<h6>@TaskModel.Oid</h6>

@code {

[Parameter]
public TaskModel TaskModel { get; set; }

}

public class TaskRowComponentController : ControllerComponentBase<TaskRowComponent>
{

}

The tasks page

@inherits ViewComponentBase

@foreach (TaskModel task in Tasks)
{

}

@code {

public List<TaskModel> Tasks { get; set; } = new List<TaskModel>();

}

using Palermo.BlazorMvc;

namespace App.MauiBrazor.Pages.TaskPages
{
[Route("/Tasks")]
public class TasksPageController : ControllerComponentBase
{
private RestClient _restClient = new RestClient();

    private List<TaskModel> tasks { get; set; }

    protected override async Task OnInitializedAsync()
    {

        tasks = await _restClient.CTTasks();
        
        if(tasks != null)
        {
            View.Tasks = this.tasks;
            StateHasChanged();

        }
        

    }

}

}

This approach doesn't work.. What should I do ?