在 Blazor 客户端中，如何为界面创建组件？

Question

从可重用性的角度来看，我想为界面创建一个组件。 所以我将它与不同的具体对象一起使用。

比如界面是这样的

interface ICalculation
    {
        double Calculate();
    }

和测试组件是

<button @onclick="(() => SetResult())">Set</button>
@result

@code{
double result;
ICalculation Calculation;
void SetResult()
{
result = Calculation.Calculate();
}

}

所以在另一个组件/页面的其他地方我有这样的事情

<Test  inject CalculationA />
<Test  inject CalculationB />

所以我想将不同的计算注入到这个组件的不同实例中。 我怎样才能得到这个？

我想使用 net core 的依赖注入，但那是为了为接口注入一个对象。 为什么重要？ 它帮助我覆盖对 api 的请求，例如，管理员和用户有不同的请求，但他们看到相同的页面结构。

Answer 1

在 Test 组件中，您将使其成为普通参数：

[Parameter]  
public ICalculation Calculator { get; set; }

然后在“其他地方”

@inject CalculationA  CalculationA  
@inject CalculationB  CalculationB  

<Test  Calculator="CalculationA" />
<Test  Calculator="CalculationB" />

或者用普通的实例化 (2x) 替换那些“@inject”行，因为在多个实现中你无论如何都不能在接口上做 DI。