当前位置：首页 > news >正文

Blazor 生命周期测试

news 2026/5/12 13:03:44

测试一：方法触发顺序

子组件：LifecycleTestComponent.razor

 1 @implements IDisposable
 2 
 3 <h3>LifecycleTestComponent</h3>
 4 <div>
 5     <p>Message is :@Message,Count is :@Count</p>
 6 </div>
 7 
 8 @code {
 9     [Parameter]
10     public int Count { get; set; }
11 
12     [Parameter]
13     public string? Message { get; set; }
14 
15     // 生命周期方法示例
16     protected override bool ShouldRender()
17     {
18         var guid = Guid.NewGuid();
19         Console.WriteLine($"ChildComponet: {nameof(ShouldRender)} : {guid}");
20         return base.ShouldRender();
21         //return false;
22     }
23 
24     public override Task SetParametersAsync(ParameterView parameters)
25     {
26         var guid = Guid.NewGuid();
27         Console.WriteLine($"ChildComponet: {nameof(SetParametersAsync)} : {guid}");
28 
29         return base.SetParametersAsync(parameters);
30     }
31 
32     protected override void OnInitialized()
33     {
34         base.OnInitialized();
35         var guid = Guid.NewGuid();
36         Console.WriteLine($"ChildComponet: {nameof(OnInitialized)} : {guid}");
37     }
38 
39     protected override void OnParametersSet()
40     {
41         base.OnParametersSet();
42         var guid = Guid.NewGuid();
43         Console.WriteLine($"ChildComponet: {nameof(OnParametersSet)} : {guid}");
44     }
45 
46     protected override void OnAfterRender(bool firstRender)
47     {
48         base.OnAfterRender(firstRender);
49 
50         var guid = Guid.NewGuid();
51         Console.WriteLine($"ChildComponet: {nameof(OnAfterRender)} : {guid}");
52     }
53 
54     public void Dispose()
55     {
56         var guid = Guid.NewGuid();
57         Console.WriteLine($"ChildComponet: {nameof(Dispose)} : {guid}");
58     }
59 }

子组件：LifecycleTestComponent.razor

父组件：Counter.razor

@page "/counter"
@rendermode InteractiveServer
@implements IDisposable<PageTitle>Counter</PageTitle><h1>Counter</h1><p role="status">Current count: @currentCount</p><button class="btn btn-primary" @onclick="IncrementCount">Click me</button><br />
<LifecycleTestComponent Message="@currentMessage" Count="currentCount"></LifecycleTestComponent><br /><input @bind="@currentMessage" @bind:event="onchange"/>@code {private int currentCount = 0;private string? currentMessage = "Hello World";private void IncrementCount(){currentCount++;}// 生命周期方法示例protected override bool ShouldRender(){var guid = Guid.NewGuid();Console.WriteLine($"ParentComponet: {nameof(ShouldRender)} : {guid}");return base.ShouldRender();}public override Task SetParametersAsync(ParameterView parameters){var guid = Guid.NewGuid();Console.WriteLine($"ParentComponet: {nameof(SetParametersAsync)} : {guid}");return base.SetParametersAsync(parameters);}protected override void OnInitialized(){base.OnInitialized();var guid = Guid.NewGuid();Console.WriteLine($"ParentComponet: {nameof(OnInitialized)} : {guid}");}protected override void OnParametersSet(){base.OnParametersSet();var guid = Guid.NewGuid();Console.WriteLine($"ParentComponet: {nameof(OnParametersSet)} : {guid}");}protected override void OnAfterRender(bool firstRender){base.OnAfterRender(firstRender);var guid = Guid.NewGuid();Console.WriteLine($"ParentComponet: {nameof(OnAfterRender)} : {guid}");}public void Dispose(){var guid = Guid.NewGuid();Console.WriteLine($"ParentComponet: {nameof(Dispose)} : {guid}");}}