Aspnetcore.docs: Capture references to components

[caiohoffmann]

I'm trying to capture the component and Show or Hide him on @onmouseover, but it gives me an error of:
Error CS0029 Cannot implicitly convert type 'Microsoft.AspNetCore.Components.ElementReference' to '%ComponentName%'. And it's not reconizing the Show method.
Meaning, the compiler is seeing the Component as 'Microsoft.AspNetCore.Components.ElementReference' which doesn't have a Show method.

Am i doing something wrong?

---

Document Details

⚠ Do not edit this section. It is required for docs.microsoft.com ➟ GitHub issue linking.

• ID: be4c4d0c-149c-bde1-c7fa-f082916390ca
• Version Independent ID: 9d945996-ad02-bd4b-58ea-c465cc5cc74c
• Content: Create and use ASP.NET Core Razor components
• Content Source: aspnetcore/blazor/components.md
• Product: aspnet-core
• Technology: aspnetcore-blazor
• GitHub Login: @guardrex
• Microsoft Alias: riande

[guardrex]

@caiohoffmann Provide more info: Show the component. What's its name (file name)? Where is it in the app (what folder)? What SDK are you on (dotnet --version)? What version of VS? FYI: We're all 🏃🏃😅🏃 right now on 3.0 updates. Your best bet for a fast answer is probably to open an issue on Stack Overflow or a support chat, such as Slack or Gitter.

[caiohoffmann]

[EDIT by guardrex to fix code block]

In my TaskBlock.razor:

<BlockMenu @ref="Menu" />

@code {
    private MenuBlock Menu;

    private void ShowMenu()
    {
        Menu.Show();
    }
}

[caiohoffmann]

I'll open an issue on StackOverflow either way!

[guardrex]

Did you mean ...

private BlockMenu Menu;

[caiohoffmann]

Yes!

Thanks, sorry for that!