C# 多次重用blazor组件的好方法是什么？

什么是将blazor组件多次重用100+的好方法

假设我有一张100多枚硬币的清单，我会循环投掷

主页：

投币页：

---

这种方法很管用，但是有没有更好的方法呢？

我想你要找的是如下内容：

主页 货币成分

// You don't need @page since this is not intended to be a standalone page.

<div class="CoinCssClass @coin.Size @coin.Color">
   <div class="CoinCssClassValue">@coin.Value</div>
</div>

@code {
   // use Parameter instead of CascadingParameter
   [Parameter] Coin coin { get; set; }
}

---

我认为您正在寻找的是以下内容：

主页 货币成分

// You don't need @page since this is not intended to be a standalone page.

<div class="CoinCssClass @coin.Size @coin.Color">
   <div class="CoinCssClassValue">@coin.Value</div>
</div>

@code {
   // use Parameter instead of CascadingParameter
   [Parameter] Coin coin { get; set; }
}

---

你认为更好的方法是什么？我的例子是，如果所涉及的对象小而少。也许我应该问我的示例如何放大，是否有重用组件的官方建议，或者只是如何重用blazor组件。我知道better way没有说太多，而且是非常个人化的。我想你在硬币的组成部分，CascadingParameter附近有一个打字错误。硬币的类型是什么？难道不应该是简单的硬币吗？是的，在这个例子中，排版是幸运的，而不是在我的相等代码中，你认为更好的方法是什么？也许我应该问我的示例如何放大，是否有重用组件的官方建议，或者只是如何重用blazor组件。我知道better way没有说太多，而且是非常个人化的。我想你在硬币的组成部分，CascadingParameter附近有一个打字错误。硬币的类型是什么？难道不是简单的硬币吗？是的，错别字只是在这个例子中，而不是在我的相同代码中。谢谢你的回答！我不知道可以将参数传递给组件。如果你的解决方案行得通，我会试试。如果它行得通，别忘了接受答案：谢谢你的回答！我不知道可以将参数传递给组件。如果您的解决方案有效，我会尝试。如果有效，请不要忘记接受答案：

// You don't need @page since this is not intended to be a standalone page.

<div class="CoinCssClass @coin.Size @coin.Color">
   <div class="CoinCssClassValue">@coin.Value</div>
</div>

@code {
   // use Parameter instead of CascadingParameter
   [Parameter] Coin coin { get; set; }
}

@page "/Index"

@foreach(var c in coins)
{
   <ProjectName.Pages.CoinComponent coin="@c" />
}

@code {
   // I'm not sure where did these coins cascade from...
   // Did you actually cascade them from the layout or above?
   // Well, you shouldn't.
   [CascadingParameter] List<Coin> coins { get; set; }
}

// You don't need @page since this is not intended to be a standalone page.

<div class="CoinCssClass @coin.Size @coin.Color">
   <div class="CoinCssClassValue">@coin.Value</div>
</div>

@code {
   // use Parameter instead of CascadingParameter
   [Parameter] Coin coin { get; set; }
}