How to refresh a blazor sub/child component within a main/parent component?

Question

You have a main component and inside the main component you have many sub-components

You want to refresh a single subcomponent, rather than the entire screen of the main component, is this possible?

Answer 1

Yes, it is possible:

Parent.razor

<Child @ref="_childComponent" />
<button @onclick="@(() => _childComponent.Refresh())">Refresh Child</button>

@code {
    private Child _childComponent;
}

Child.razor

<p>Right now: @DateTime.Now</p>

@code {
    public void Refresh()
    {
        StateHasChanged();
    }
}