Blazor父子示例按钮缺失？

我用它制作了一个新的blazor应用程序

dotnet new blazor

然后，我添加了本教程中的父级和子级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!";
    }
}

@page”/ParentComponent
父子示例
提供子组件的内容
由父组件创建。
@消息文本

@功能{
私有字符串消息文本；
专用void ShowMessage（UIMouseEventArgs e）
{
messageText=“用Blazor开辟新的道路！”；
}
}

儿童剃须刀

<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; }
}

@头衔
@儿童内容
触发父组件方法
@功能{
[参数]
私有字符串标题{get；set；}
[参数]
私有RenderFragment ChildContent{get；set；}
[参数]
private EventCallback OnClick{get；set；}
}

它的工作原理是，它显示子对象和从父对象传递到子对象的文本内容以及标题。。。但是没有按钮，因此没有消息，也没有消息文本更新

您的组件（.razor）是否位于名为Pages的文件夹中？ 尝试关闭Visual Studio，然后再次运行应用程序。

---

这很奇怪…

页面文件名必须与@page定义的路由匹配

虽然它显示没有错误消息，即使不一样

将我的Parent.razor&Child.razor重命名为ParentComponent.razor和ChildComponent.razor会修复它。原谅我的无知。谢谢

---

编辑：哦，是的，我想文件名必须与razor代码中的“ChildComponent”匹配

它们位于pages文件夹中。。。我正在使用vscode。。。将尝试重命名page ParentComponent.razor而不是Parent.razor，就像routeNo一样，

@page

可以是任何内容。但是文件名变成了类名变成了组件名。