Пример кнопки Blazor parent-child отсутствует? - PullRequest
0 голосов
/ 12 мая 2019

Я создал новое приложение для блейзеров с

dotnet new blazor

https://docs.microsoft.com/en-us/aspnet/core/blazor/components?view=aspnetcore-3.0

, затем я добавил родительские и дочерние компоненты бритвы из этого урока

Parent.razor

@page "/ParentComponent"

<h1>Parent-child example</h1>

<ChildComponent Title="Panel Title from Parent"
                OnClick="@ShowMessage">
    Content of the child component is supplied
    by the parent component.
</ChildComponent>

<p><b>@messageText</b></p>

@functions {
    private string messageText;

    private void ShowMessage(UIMouseEventArgs e)
    {
        messageText = "Blaze a new trail with Blazor!";
    }
}

Child.razor

<div class="panel panel-default">
    <div class="panel-heading">@Title</div>
    <div class="panel-body">@ChildContent</div>

    <button class="btn btn-primary" onclick="@OnClick">
        Trigger a Parent component method
    </button>
</div>

@functions {
    [Parameter]
    private string Title { get; set; }

    [Parameter]
    private RenderFragment ChildContent { get; set; }

    [Parameter]
    private EventCallback<UIMouseEventArgs> OnClick { get; set; }
}

это вроде работает так, что показывает дочерний и текстовый контент, переданный от родительского к дочернему и заголовок ... но кнопки и нетследовательно, нет сообщений и нет обновления текста сообщения

Ответы [ 2 ]

1 голос
/ 12 мая 2019

Ваши компоненты (.razor) находятся в папке с именем Pages?Попробуйте закрыть Visual Studio, а затем снова запустите приложение.Это очень странно ...

0 голосов
/ 12 мая 2019

Имя файла подкачки должно соответствовать маршруту, определенному с помощью @Page?

Хотя оно отображается без сообщения об ошибке, даже если оно не совпадает?

Переименование моего Parent.razor & Child.razor вParentComponent.razor и ChildComponent.razor исправляют это.Извините за мое невежество.Спасибо.

edit: о, я думаю, имя файла должно совпадать с "ChildComponent" из кода бритвы

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...