Blazor 教程：@onclick事件在新的 Razor 组件中不起作用

问：

我是 Blazor 的新手，我正在遵循 blazor-workshop 教程。

我使用的是 .NET 版本 8.0.100

我使用计数器组件创建了示例项目，并对其进行了一些操作，并且我测试的所有内容都正常工作（例如，由于for循环，显示与计数器值相对应的表情符号，诸如此类基本的东西）。

我进入了下一步，练习如何构建待办事项列表。

我按照指南一步一步地操作，拥有完全相同的代码（步骤4），但是单击“添加待办事项”按钮不会执行任何操作。

我的组件：Todo.razor

@page "/todo"

<h3>Todo</h3>

<ul>
    @foreach(var todo in todos)
    {
        <li>@todo.Title</li>
    }
</ul>

<input placeholder="Something to do" @bind="newTodo" />
<button @onclick="AddTodo">Add</button>

@code {
    private List<TodoItem> todos = new();
    private string? newTodo;

    private void AddTodo()
    {
        if (!string.IsNullOrWhiteSpace(newTodo))
        {
            todos.Add(new TodoItem{Title = newTodo});
            newTodo = string.Empty;
        }
    }
}

我尝试在 VS Code 中调试它：我在“AddTodo（）”方法的开头添加了一个断点，结果发现当我单击按钮时没有到达该方法。

我尝试将“Counter.razor”组件的内容（在创建新的 blazor 项目时创建）替换为“Todo.razor”组件的内容，这里一切正常：当我单击按钮时，项目会添加到列表中。

有谁知道我在这里做错了什么？

谢谢！！

编辑：我缺少组件顶部的那一行。这就解决了问题！但我不认为将 H H 的答案标记为正确的绿色标记。@rendermode InteractiveServer