title: Bind in blazor is delayed by 1 step
body: <p>I'm sorry because my english is pretty bad.
  I have a problem and would love to get some help.</p>
  <p>I'm trying to get return value from component and update it in another component.
  <a href="https://i.stack.imgur.com/MeFB2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MeFB2.png" alt="enter image description here" /></a></p>
  <p>When component B's product selection button is pressed, the selected product will be bound to the main screen, then an item will be updated again in component A.</p>
  <p>The weird thing is that the first time I select, nothing happens. The second time I select the product, the first item is added to component A.</p>
  <p>Even in component A itself, when I increase or decrease the number of products, the data in component A itself gets the same error.</p>
  <p>Here is my source code</p>
  <p><a href="https://github.com/hungnt03/BlazorApp/blob/main/Blazor.Local/Shared/Components/Sellers/ProductBuyed.razor" rel="nofollow noreferrer">Component A</a></p>
  <p><a href="https://github.com/hungnt03/BlazorApp/blob/main/Blazor.Local/Shared/Components/Sellers/ProductCard.razor" rel="nofollow noreferrer">Component B</a></p>
  <p><a href="https://github.com/hungnt03/BlazorApp/blob/main/Blazor.Local/Pages/Sellers/Index.razor" rel="nofollow noreferrer">Main Screen</a></p>