Blazor中每个循环的字段不准确

Blazor中每个循环的字段不准确,blazor,blazor-server-side,Blazor,Blazor Server Side,我的组件中的每个循环都有一个for,在循环中,我制作的组件被渲染。它被传递一个对象,然后组件在OnInitialized Overrided函数中初始化自己的字段 我遇到的问题是,当for-each循环的数组更改时,未输入参数的组件值会混淆 你可以在这里看到这个bug: 您可以在此处看到完整的源代码: 以下是产生此问题的代码: @过滤颜色中的foreach var颜色 { } @代码{ 私有字符串筛选器{get;set;} 私有列表颜色=Color.SampleData; 私有列表过滤器颜色 {

我的组件中的每个循环都有一个for,在循环中,我制作的组件被渲染。它被传递一个对象,然后组件在OnInitialized Overrided函数中初始化自己的字段

我遇到的问题是,当for-each循环的数组更改时,未输入参数的组件值会混淆

你可以在这里看到这个bug:

您可以在此处看到完整的源代码:

以下是产生此问题的代码:

@过滤颜色中的foreach var颜色 { } @代码{ 私有字符串筛选器{get;set;} 私有列表颜色=Color.SampleData; 私有列表过滤器颜色 { get=>colors.Wherec=>c.SatisfiesQueryfilter.ToList; } AfterRenderAsyncBool firstRender上的受保护重写异步任务 { 等待js.InvokeVoidAsyncfocusFilter; } } 对于色卡组件:


过滤后的图像是否准确我找到了解决方案。它使用@key,类似于React的key属性。请看这里:


我找到了解决办法。它使用@key,类似于React的key属性。请看这里: