再現の手順
以下のプログラムを実行し、Panel.razorのButtonをクリックすると例外が発生する。
Index.razor
@page "/"
<Component>
<Component>
<Panel @bind-Bar="@fooo" />
</Component>
</Component>
@code {
private int fooo { get; set; }
}
Component.razor
@ChildContent
@code {
[Parameter]
public RenderFragment ChildContent { get; set; }
}
Panel.razor
@if (Data != null) {
<button @onclick="() => BarChanged.InvokeAsync(1)"></button>
<Component>
@Data.ToString()
<Component>
@Data.ToString() // <- NullReferenceException
<Component>
@Data.ToString()
</Component>
</Component>
</Component>
}
@code {
[Parameter]
public int Bar { get; set; }
[Parameter]
public EventCallback<int> BarChanged { get; set; }
private object? Data { get; set; }
protected override async Task OnParametersSetAsync() {
Data = null;
await Task.Delay(1000);
Data = new object();
}
}
問題が発生した状況
- 「.NET Core 3.1」「.NET 6」いずれのバージョンでも再現する
- Visual Stuido 2019、2022いずれのバージョンでも再現する
- Index.razorでComponentを取り除くと例外が発生しない
- Panel.razorで該当の例外が発生する箇所をコメントアウトすると例外が発生しない
なぜ、nullチェックをしているのに例外になるのか、
なぜ、特定のネスト位置でのみ例外が発生するのか理解できません。
どうして例外になるのか、教えて頂ければと思います。