title: Blazor Two Way Binding Text Area inside component
body: <p>I am trying to two-way bind a text area inside a child component in Blazor and I just can't figure it out.</p>
  <p><strong>Parent</strong></p>
  <pre><code>@page &quot;/test&quot;
  
  &lt;h3&gt;Parent Component&lt;/h3&gt;
  &lt;input type=&quot;text&quot; @bind=&quot;mydata&quot; /&gt;
  
  &lt;TWBTextArea @bind-ChildData=@mydata&gt;&lt;/TWBTextArea&gt;
  
  @code {
      public string mydata = &quot;test&quot;;
  }
  </code></pre>
  <p><strong>Child</strong></p>
  <pre><code>&lt;h4&gt;Child Component&lt;/h4&gt;
  
  &lt;textarea @bind=@ChildData&gt;&lt;/textarea&gt;
  
  @code {
      [Parameter] public string ChildData { get; set; }
  
      [Parameter]
      public EventCallback&lt;string&gt; ChildDataChanged { get; set; }
  }
  </code></pre>
  <p>When I update from the parent component, the child textarea updates, but when I update the child text area, the parent is not updated.</p>
  <p>Additional note : If I change the value being passed from a <strong>string</strong> to an <strong>object with a string property</strong> and I pass that object to the Child Component, two way binding DOES work but only after an update to the parent component.</p>
  <p>Thanks in advance for any help!</p>