Привязка данных SiteContent на странице Razor не работает

Вам придется сделать розетку интерактивной:

<SectionOutlet @rendermode = "InteractiveServer" SectionName = "page-header-subtitle" />

Чтобы расширить ответ Хенка с интерактивностью, установленной на страницу/компонент.

Что ты делаешь по-другому?

Основной макет:

@using Microsoft.AspNetCore.Components.Sections
@inherits LayoutComponentBase

<div class = "page">
    <div class = "sidebar">
        <NavMenu />
    </div>

    <main>
        <div class = "top-row px-4">
            <a href = "https://learn.microsoft.com/aspnet/core/" target = "_blank">About</a>
        </div>
        <SectionOutlet @rendermode = "InteractiveServer" SectionName = "page-header-subtitle" />
        <article class = "content px-4">
            @Body
        </article>
    </main>
</div>

<div id = "blazor-error-ui">
    An unhandled error has occurred.
    <a href = "" class = "reload">Reload</a>
    <a class = "dismiss">🗙</a>
</div>

Прилавок

@page "/counter"
@using Microsoft.AspNetCore.Components.Sections
@rendermode InteractiveServer

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<p role = "status">Current count: @currentCount</p>

<button class = "btn btn-primary" @onclick = "IncrementCount">Click me</button>

<SectionContent SectionName = "page-header-subtitle">
    <div class = "m-2">
        @currentCount
    </div>
</SectionContent>
@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}