Blazor中AntD Modal组件关闭后无法再次显示问题求助

核心问题：单向数据流与双向绑定的冲突 #

Blazor组件的[Parameter]默认是单向数据流，父组件向子组件传递参数，但子组件直接修改参数值不会同步回父组件。你的代码存在两个关键问题：

1. 子组件修改参数未同步父组件状态
   子组件中使用@bind-Visible="@Visible"，当Modal关闭时，AntD组件会自动将Visible设为false，但这个修改仅发生在子组件内部，父组件的flowingVisible状态并未同步更新。

2. 父组件状态未触发重新渲染
   首次打开Modal时，flowingVisible从false变为true，触发父组件重新渲染，子组件收到新参数后打开Modal。但关闭Modal后，父组件的flowingVisible仍保持true状态。下次点击按钮调用OpenFlowingGradient()时，只是将flowingVisible再次设为true，状态未发生变化，Blazor不会触发重新渲染，子组件无法收到新参数，导致Modal无法打开。

修复方案 #

要解决这个问题，需要实现双向绑定，让子组件的状态变化同步回父组件，以下是两种常用方式：

方式一：通过EventCallback实现标准双向绑定

修改子组件，添加状态变更回调参数：

@code {
    [Parameter]
    public bool Visible { get; set; }

    [Parameter]
    public EventCallback<bool> VisibleChanged { get; set; }
}

<Modal
    Visible="@Visible"
    OnVisibleChange="@async (value) => await VisibleChanged.InvokeAsync(value)"
    OkText="@("Apply")"
    CancelText="@("Cancel")" 
    Centered="true" 
    MaxBodyHeight="@("80vh")" 
    style="width: 70vw;">

    Here i put the content that i want to show...

</Modal>

父组件使用@bind-Visible语法实现双向绑定：

@using gluenet.Components.Pages.SensitivityAnalisysComponents
@code{
     private bool flowingVisible = false;

     void OpenFlowingGradient()
     {
       flowingVisible = true;
     }
}

<Button Icon="@IconType.Outline.Plus" OnClick="()=>OpenFlowingGradient()"/>

<FlowingGradientSurvey @bind-Visible="flowingVisible"/>

方式二：强制触发父组件状态更新（临时 workaround）

若不想修改子组件，可在父组件的打开方法中强制触发状态变化：

void OpenFlowingGradient()
{
  flowingVisible = false;
  StateHasChanged();
  flowingVisible = true;
}

这种方式不符合Blazor数据流规范，仅适合临时场景，不推荐长期使用。

内容的提问来源于stack exchange，提问作者Angel Gabriel Chable Concepcio