blazor variable argument passing to onclick function

by

This is a classic problem, but slightly new in the context of Blazor.

You need to make a copy of i because otherwise the lambda “captures the loop variable”. Capturing the copy is OK.

@for (int i = 0; i < 3; i++)
{
    int localCopy = i;
    <li> item @i <button onclick=@(() => clickItem(localCopy))>Click</button> </li>
}

Note that this is an issue with for() loops but not with foreach(), and only on the right hand side of a =>.

More Related Contents:

  1. How to use the HttpContext object in server-side Blazor to retrieve information about the user, user agent
  2. Blazor Timer call async API task to update UI
  3. Require authorization on ALL Blazor pages
  4. How do I get client IP and browser info in Blazor?
  5. How do I get the access token from a blazor (server-side) web app?
  6. How to add OpenIdConnect via IdentityServer4 to ASP.NET Core ServerSide Blazor web app?
  7. Get Current User in a Blazor component
  8. Blazor component : refresh parent when model is updated from child component
  9. Blazor Server: load js scripts only on certain pages, not on all
  10. Embedding a Leaflet map on a Blazor SPA
  11. Managing State and Preventing Blazor Navigation in an Edit Form
  12. Is there any hot reload for blazor server-side?
  13. Why are Blazor lifecycle methods getting executed twice?
  14. Is there an equivalent to Html.Raw in Blazor?
  15. Blazor Textfield Oninput User Typing Delay
  16. Blazor – Display wait or spinner on API call
  17. Calling function from generated button in Blazor
  18. For loop not returning expected value – C# – Blazor
  19. Get current URL in a Blazor component
  20. How can one generate and save a file client side using Blazor?
  21. When to use ValueChanged and ValueExpression in Blazor?
  22. How can I trigger/refresh my main .RAZOR page from all of its sub-components within that main .RAZOR page when an API call is complete?
  23. Display wait or spinner on API call
  24. NavigationManager – Get current URL in a Blazor component
  25. How to make two-way binding on Blazor component
  26. How do I access HttpContext in Server-side Blazor?
  27. Best way to share data between two child components in Blazor
  28. Blazor – How to create Components dynamically
  29. How to map fallback in ASP .NET Core Web API so that Blazor WASM app only intercepts requests that are not to the API
  30. How to use Bootstrap modal in Blazor client app?

Leave a Comment