Blazor webassembly,状态管理。刷新子组件
Blazor webassembly, state management. Refresh child components
我正在从列表中选择项目,并显示它们的不同内容。
使用此代码可以正常工作:
public class ItemState
{
public Item CurrentItem { get; set; }
public event Action OnItemSelected;
public void SetItemValue(Item item)
{
CurrentItem = item;
NotifyStateChanged();
}
private void NotifyStateChanged() => OnItemSelected?.Invoke();
}
protected override void OnInitialized()
{
ItemState.OnItemSelected += StateHasChanged;
}
在 Item 组件中,我使用了其他组件并将 Item 本身作为参数传递,例如:
<ItemHistory ItemModel="@Item"/>
但是 ItemHIstory 组件在选择不同的项目时不刷新。
始终显示第一个选择项目的历史记录。
问题出在哪里?
答案是使用 StateContainer,这样所有组件都可以访问属性。
https://docs.microsoft.com/en-us/aspnet/core/blazor/state-management?view=aspnetcore-5.0&pivots=webassembly
我正在从列表中选择项目,并显示它们的不同内容。 使用此代码可以正常工作:
public class ItemState
{
public Item CurrentItem { get; set; }
public event Action OnItemSelected;
public void SetItemValue(Item item)
{
CurrentItem = item;
NotifyStateChanged();
}
private void NotifyStateChanged() => OnItemSelected?.Invoke();
}
protected override void OnInitialized()
{
ItemState.OnItemSelected += StateHasChanged;
}
在 Item 组件中,我使用了其他组件并将 Item 本身作为参数传递,例如:
<ItemHistory ItemModel="@Item"/>
但是 ItemHIstory 组件在选择不同的项目时不刷新。
始终显示第一个选择项目的历史记录。
问题出在哪里?
答案是使用 StateContainer,这样所有组件都可以访问属性。 https://docs.microsoft.com/en-us/aspnet/core/blazor/state-management?view=aspnetcore-5.0&pivots=webassembly