我在Syncfusion Blazor中使用的bootstrap模态无法使用Data-dismiss？

Question

我知道这是一个常见的问题，我也找到了其他相关的文章，但这些答案对我来说都不适用。我在Blazor Syncfusion中创建了一个带有签出按钮的菜单。这个按钮调用了以下模式。

<div class="modal" id="SignOutModal" tabindex="-1" style="display:block;" role="dialog">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content text-center">
                <div class="modal-body" style="background-color: rgba(64,0,64,0.95);">
                    <h4 style="color: white;">Are you sure you want to sign out?</h4>
                </div>
                <div class="modal-footer justify-content-center">
                    <button type="button" class="btn btn-modal">Yes, sign me out!</button>
                    <button type="button" id="SignOutModalClose" class="btn btn-modal" data-dismiss="modal">No, keep me signed in!</button>
                </div>
            </div>
        </div>
</div>

当它被打开时，它不会再关闭了，不是通过点击外面的按钮，也不是按 "data-dismiss "组件的按钮（不，让我签到！）。有谁有办法解决这个问题吗？