【问题标题】:How to trigger @onclick within RenderFragment Antd Blazor如何在 RenderFragment Antd Blazor 中触发 @onclick
【发布时间】:2021-07-11 04:26:51
【问题描述】:

我正在使用 ant design blazor(.net 5.0,antblazor 0.7.4)并尝试通过 RenderFragment 触发 @onclick 按钮渲染:App.razor

   @inject NavigationManager NavigationManager

<Router AppAssembly="@typeof(Program).Assembly" PreferExactMatches="@true">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(BasicLayout)" />
    </Found>
    <NotFound>
        <LayoutView Layout="@typeof(BasicLayout)">
            <Result Status="404"
                    Title="404"
                    SubTitle="Sorry, the page you visited does not exist."
                    Extra="extra" />
        </LayoutView>
    </NotFound>
</Router>
<AntContainer />
@code
{ 
    private void NavigateToHome()
    {
        NavigationManager.NavigateTo("/");
    }
    RenderFragment extra =@<Button Type="primary" @onclick="NavigateToHome">Back Home</Button>;

}

但得到错误: screen error

如何解决这个问题?非常感谢!

【问题讨论】:

  • 添加相关标签(语言、框架、库),让您的问题更容易被社区看到
  • 感谢@MichaelRovinsky。我编辑了

标签: c# .net-core antd .net-5 ant-design-blazor


【解决方案1】:
@inject NavigationManager NavigationManager

<Router AppAssembly="@typeof(Program).Assembly" PreferExactMatches="@true">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(BasicLayout)" />
    </Found>
    <NotFound>
        <LayoutView Layout="@typeof(BasicLayout)">
            <Result Status="404"
                    Title="404"
                    SubTitle="Sorry, the page you visited does not exist."
                    Extra="HomeButton(NavigateToHome)" />
        </LayoutView>
    </NotFound>
</Router>
<AntContainer />
@code
{ 
    private void NavigateToHome()
    {
        NavigationManager.NavigateTo("/");
    }
    RenderFragment HomeButton(Action clickAction) => @<Button Type="primary" @onclick="@clickAction">Back Home</Button>;

}

【讨论】:

    猜你喜欢
    • 2020-01-31
    • 2023-03-28
    • 1970-01-01
    • 1970-01-01
    • 2022-01-01
    • 2021-11-09
    • 2020-09-28
    • 1970-01-01
    • 2021-05-29
    相关资源
    最近更新 更多