title: Blazor (Razor Components) Refresh Child Component from Parent Component
body: <p>I have a simple child Blazor component (MyModal) like so:</p>
  
  <pre><code>&lt;div class="modal"&gt;
      &lt;h3&gt;@Title&lt;/h3&gt;
      @BodyTemplate
  &lt;/div&gt;
  
  @code
  {
      [Parameter] string Title { get; set; }
      [Parameter] RenderFragment BodyTemplate { get; set; }
  }
  </code></pre>
  
  <p>In my Parent component I'm calling it like so:</p>
  
  <pre><code>&lt;MyModal Title="Super Cool Modal"&gt;
          &lt;BodyTemplate&gt;
              @MyObject.Name
          &lt;/BodyTemplate&gt;
  &lt;/MyModal&gt;
  
  public MyObject MyObject { get; set; } = new MyObject();
  </code></pre>
  
  <p>Later on after the page has initially rendered I update <code>MyObject</code> but the Child component itself referencing <code>@MyObject.Name</code> never updates.</p>
  
  <p>Seems I have to force refresh on the child object after I've updated the Object (<code>StateHasChanged</code>) but not sure how to do this with this example.</p>