Call a function on button click in Blazor/Razor - ASP.NET Core 3

问题

I just started learning ASP.NET Core and I was following the YouTube tutorial from Microsoft (https://www.youtube.com/watch?v=wA-3FA2kbpA&list=PLdo4fOcmZ0oW8nviYduHq7bmKode-p8Wy&index=11) and when I tried to call the function on button click, it does not work.

The code is as follows:

Button in HTML

<button @onclick="(e => SelectProduct(product.Id))" data-toggle="modal" data-target="#productModal" class="btn btn-primary">More Info</button>

@Code Element - Function

void SelectProduct(string productId)
{
    selectedProductId = productId;
    selectedProduct = ProductService.GetProducts().First(x => x.Id == productId);
}

Kindly help me debug this. The function does not get called when the button is clicked.
Thanks in advance!

回答1:

However, for some reason, @onclick does not work for me.

It seems that you are integrating blazor into MVC / Razor Pages project.Based on this thread I have answered before, you need to add a new _Imports.razor file in your Components folder if you put your razor components there.

_Imports.razor:

@using Microsoft.AspNetCore.Components.Web

来源：https://stackoverflow.com/questions/60053760/call-a-function-on-button-click-in-blazor-razor-asp-net-core-3