Component Life Cycle trong Blazor

  Component lifecycle diagram

Vòng đời này là của một component, gồm page/html/code, trong code thì có các Parameter, Event, Method....

 

Mội số khái niệm:

Instance: Một instance là một trường hợp cụ thể của một class. Tất cả các instance của một lớp có các thuộc tính tương tự như đã được mô tả trong class. Ví dụ: bạn có thể định nghĩa một class " Student " và tạo ba instance của " Student " cho " Peter ", " Paul " và " Pauline ".

SetParametersAsync

Phương thức này được thực thi khi bất kỳ parent component nào render.

Các tham số được truyền vào component được lưu trữ ở ParameterView. Đây là một điểm tốt để gọi bất đồng bộ đến một máy chủ (ví dụ) dựa trên trạng thái được truyền vào component.

Trong phương thức SetParamatersAsync, khi child component ghi đè từ parent component, thuộc tính [Parameter] sẽ được gán giá trị trong base.SetParametersAsync(parameters).

@page "/set-params-async/{Param?}"

@message

@code {
    private string message = "Not set";

    [Parameter]
    public string? Param { get; set; }

    public override async Task SetParametersAsync(ParameterView parameters)
    {
        if (parameters.TryGetValue(nameof(Param), out var value))
        {
            if (value is null)
            {
                message = "The value of 'Param' is null.";
            }
            else
            {
                message = $"The value of 'Param' is {value}.";
            }
        }

        await base.SetParametersAsync(parameters);
    }
}

 

---

Tags: C# Blazor NET 6