title: Blazor component needs to modify value of parent component
body: <p>I have these two components in my Blazor app:</p>
  
  <p>Component1.razor:</p>
  
  <pre><code>&lt;CascadingValue Value=this&gt;
      &lt;Component2/&gt;
  &lt;/CascadingValue&gt;
  
  &lt;p&gt;@DisplayedText&lt;/p&gt;
  
  @code {
      public string DisplayedText = string.Empty;
  }
  </code></pre>
  
  <p>Component2.razor:</p>
  
  <pre><code>&lt;button @onclick=@(e =&gt; { C1.DisplayedText = "testing"; })&gt;Set DisplayedText&lt;/button&gt;
  
  @code {
      [CascadingParameter]
      public Component1 C1 { get; set; }
  }
  </code></pre>
  
  <p>When I click the "Set DisplayedText" button, the text in the <code>p</code> element in <code>Component1</code> should change to <code>testing</code>, but it does not. How can I fix this?</p>