Appearance
State Management
State management is crucial for maintaining component data and ensuring proper UI updates when data changes.
Component State
razor
@code {
private int counter = 0;
private string message = "Hello";
private List<string> items = new();
private void UpdateState()
{
counter++;
StateHasChanged();
}
}
State Containers
csharp
public class StateContainer
{
private string savedString;
public string Property
{
get => savedString;
set
{
savedString = value;
NotifyStateChanged();
}
}
public event Action OnChange;
private void NotifyStateChanged() => OnChange?.Invoke();
}
State Management Patterns
- Component State
- Cascading Parameters
- State Containers
- Services
- Local Storage
- Server-side State