如何在blazor组件中通过id引用元素

Question

我正在制作自己的共享组件。我想要一个输入字段和一个标签。以MDN 为例

<div class="preference">
<label for="cheese">Do you like cheese?</label>
<input type="checkbox" name="cheese" id="cheese">
</div>

很好，但我可能在给定的页面上有几个共享组件的实例，所以我需要每个实例的不同id。我不知道该怎么做

Answer 1

生成一个guid字符串并使用它：

<div class="preference">
<label for="@elementId">Do you like cheese?</label>
<input type="checkbox" name="@elementId" id="@elementId">
</div>
@code { 
string elementId = Guid.NewGuid().ToString("N");
}