将Blazor代码移动到代码隐藏-简单示例

我刚刚开始阅读Blazor教程，并试图掌握代码。我有一个剃须刀页面，看起来像这样（来自教程）：

---

我知道我做错了一些简单的事情，但不确定是什么。有人能帮忙吗？

我知道了。在客户端代码中，必须从类继承，如下所示：

using Microsoft.AspNetCore.Components;

namespace BlazorApp8.Pages {

    public partial class CounterCode : ComponentBase {

        protected int currentCount = 0;

        protected void IncrementCount () {
            currentCount++;
        }


    }

}

@inherits CounterCode   <!-- This is what I missed -->
@page "/counter"

<h1>Counter</h1>

<p>Current count: @currentCount</p>

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

@继承计数器代码
@第页“/计数器”
柜台
当前计数：@currentCount

点击我

我明白了。在客户端代码中，必须从类继承，如下所示：

using Microsoft.AspNetCore.Components;

namespace BlazorApp8.Pages {

    public partial class CounterCode : ComponentBase {

        protected int currentCount = 0;

        protected void IncrementCount () {
            currentCount++;
        }


    }

}

@inherits CounterCode   <!-- This is what I missed -->
@page "/counter"

<h1>Counter</h1>

<p>Current count: @currentCount</p>

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

@继承计数器代码
@第页“/计数器”
柜台
当前计数：@currentCount

点击我

我更喜欢用另一种方法创建代码隐藏文件

---

在同一目录中创建新的类文件Counter.razor.cs。将部分添加到类中。完成了

我更喜欢用另一种方法创建代码隐藏文件

---

在同一目录中创建新的类文件Counter.razor.cs。将部分添加到类中。完成了

你为什么需要一节半课？我不需要。那是我试图弄清楚我在做什么。我刚才漏掉了一行代码（见下面的答案）。为什么需要一个分部类？我不需要。那是我试图弄清楚我在做什么。我刚才漏掉了一行代码（见下面的答案）。嗨，布莱恩，这是一个便条，以后再看；分部类方法可以很好地工作，但是如果您进入通用组件和更复杂的场景，可能会遇到一些问题。在这些情况下，将基类设置为代码隐藏（不是部分），然后在razor文件中继承该基类。希望这有帮助，祝你好运！好消息。谢谢你，尼克！这是新的和令人兴奋的。嗨，布莱恩，只是一个便条，以后再看；分部类方法可以很好地工作，但是如果您进入通用组件和更复杂的场景，可能会遇到一些问题。在这些情况下，将基类设置为代码隐藏（不是部分），然后在razor文件中继承该基类。希望这有帮助，祝你好运！好消息。谢谢你，尼克！这是新的和令人兴奋的。