title: How to bind and run an async method on input change in Blazor
body: <p>So I am building a Blazor component where I want to type into an input and fire an AJAX request to get filtered data from the server. I tried this</p>
  
  <pre><code>&lt;input type="text" @bind="NameFilter" @onchange="FilterChangedAsync" /&gt;
  </code></pre>
  
  <p>However this results in an error</p>
  
  <blockquote>
    <p>The attribute 'onchange' is used two or more times for this element.
    Attributes must be unique (case-insensitive). The attribute 'onchange'
    is used by the '@bind' directive attribute.</p>
  </blockquote>
  
  <p>I thought about calling the method in the NameFilter property setter but in this case I can't await it. What is the proper way to achieve the desired behavior?</p>