Blazored.Modal中CascadingParameter(BlazoredModalInstance)为空及组件属性匹配错误求助

我帮你梳理下现在遇到的两个问题，一步步来解决：

第一个问题：Object of type 'Assign_Report' does not have a property matching the name 'Assign_Report' #

这个错误的根源在于你对Blazored.Modal的使用方式不对，同时还出现了参数名不匹配和组件实例化冲突的问题：

• 你在父组件后台声明了一个和组件同名的属性public Assign_Report Assign_Report { get; set; }，这会让Blazor的组件渲染逻辑混淆
• 你手动在父组件Razor里渲染<Assign_Report inModel="RequestItem">，但你的模态框组件定义的参数是requestMod，不是inModel
• 最关键的是：Blazored.Modal的组件不需要手动渲染到页面，而是通过IModalService来动态打开

修复步骤：

1. 删除父组件后台里的public Assign_Report Assign_Report { get; set; } = new Assign_Report();这行代码，不需要手动实例化模态框组件
2. 删掉父组件Razor里这段手动渲染的代码：

   @if (clicked == true) {
       <CascadingValue Value="RequestItem">
           <Assign_Report inModel="RequestItem"></Assign_Report>
       </CascadingValue>
   }
   

3. 修改OpenAssignReport方法，用IModalService正确打开模态框并传递参数：

   async Task OpenAssignReport()
   {
       // 构建模态框参数，对应Assign_Report里的requestMod参数
       var modalParams = new ModalParameters();
       modalParams.Add(nameof(Assign_Report.requestMod), RequestItem);
       
       // 打开模态框并等待结果
       var modalResult = await Modal.Show<Assign_Report>("Assign Report", modalParams).Result;
       
       // 如果用户确认提交，可以在这里处理返回的数据
       if (modalResult.Confirmed)
       {
           var updatedRequest = modalResult.Data as LogscanRequestModel;
           // 比如更新数据、刷新页面等操作
           StateHasChanged();
       }
   }
   

第二个问题：BlazoredModalInstance为空 #

这个问题其实是第一个问题的连锁反应：你手动实例化的Assign_Report组件，并没有被Blazored.Modal的框架管理，所以BlazoredModalInstance这个级联参数根本不会被注入——这个参数只有在通过IModalService.Show打开的模态框组件中才会自动传递。

修复步骤：

1. 确保Assign_Report里的BlazoredModalInstance参数正确标记：

   [CascadingParameter]
   public BlazoredModalInstance BlazoredModal { get; set; }
   

2. 删除Assign_Report里的自定义Show方法，因为不需要手动调用，父组件会通过IModalService打开它：

   // 删掉这段代码
   public void Show()
   {
       Modal.Show<Assign_Report>();
   }
   

3. 还可以删掉Assign_Report里的[CascadingParameter] public IModalService Modal { get; set; }，因为模态框组件不需要自己打开自己，只需要用BlazoredModalInstance来关闭自己就行。

修正后的Assign_Report核心代码 #

using Blazored.Modal;
using Blazored.Modal.Services;
using LogscanRequest.Shared.Domain;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Forms;
using System;
using System.Threading.Tasks;

namespace Logscan_Request.Pages.Modal
{
    public partial class Assign_Report
    {
        [Parameter]
        public LogscanRequestModel requestMod { get; set; }

        [CascadingParameter]
        public BlazoredModalInstance BlazoredModal { get; set; }

        private EditContext EditContext;

        protected override void OnInitialized()
        {
            if (requestMod != null)
            {
                EditContext = new EditContext(requestMod);
                // 如果需要设置ModifyBy，记得注入IHttpContextAccessor并正确使用
                // requestMod.ModifyBy = HttpContext.HttpContext.User.Identity.Name;
            }
        }

        async Task Close()
        {
            await BlazoredModal.CloseAsync(ModalResult.Ok(requestMod));
        }

        async Task Cancel() => await BlazoredModal.CancelAsync();

        private async Task HandleValidSubmit()
        {
            // 处理表单提交逻辑，比如保存工时和备注
            await BlazoredModal.CloseAsync(ModalResult.Ok(requestMod));
        }
    }
}

这样调整后，两个问题应该都能解决：模态框能正常打开，BlazoredModalInstance不会为空，参数也能正确传递，那个属性匹配的错误也会消失。

内容的提问来源于stack exchange，提问作者Pierce_Kennnedy437