Blazor中基于IElement接口动态生成问卷元素的通用实现报错解决

错误原因分析 #

你遇到的「Non-static method requires a target」反射错误，通常是因为：

1. 尝试调用实例方法/构造函数时未传入有效实例对象（比如用MethodInfo.Invoke(null, ...)调用非静态方法）；
2. 使用Activator.CreateInstance<T>()时，T的构造函数需要参数但未传入，导致实例创建失败，后续操作触发空引用相关的反射异常；
3. 错误缓存了静态构造函数，调用时无法绑定实例目标。

方案一：泛型反射工厂服务（无DI依赖场景） #

适合元素类无需注入其他服务的场景，通过缓存构造函数提升性能，统一创建逻辑：

1. 定义通用创建接口 #

public interface IElementCreator
{
    IElement Create(Type elementType, object model);
    T Create<T>(object model) where T : IElement;
}

2. 实现工厂服务 #

public class ElementCreator : IElementCreator
{
    // 缓存构造函数，避免重复反射
    private readonly Dictionary<Type, ConstructorInfo> _ctorCache = new();

    public IElement Create(Type elementType, object model)
    {
        if (!typeof(IElement).IsAssignableFrom(elementType))
            throw new ArgumentException("类型必须实现IElement接口", nameof(elementType));

        var ctor = GetConstructor(elementType, model.GetType());
        // 构造函数Invoke第一个参数传null，因为构造函数本身用于创建实例
        return (IElement)ctor.Invoke(new[] { model });
    }

    public T Create<T>(object model) where T : IElement
    {
        return (T)Create(typeof(T), model);
    }

    private ConstructorInfo GetConstructor(Type elementType, Type modelType)
    {
        if (_ctorCache.TryGetValue(elementType, out var ctor))
            return ctor;

        // 获取接收对应模型参数的实例构造函数
        ctor = elementType.GetConstructor(new[] { modelType });
        if (ctor == null)
            throw new InvalidOperationException($"未找到{elementType.Name}接收{modelType.Name}的构造函数");

        _ctorCache[elementType] = ctor;
        return ctor;
    }
}

3. 注册与使用 #

在Program.cs注册单例服务：

builder.Services.AddSingleton<IElementCreator, ElementCreator>();

业务代码中调用（从JSON解析类型与模型后）：

// 假设JSON解析出元素类型名，转换为Type
var elementType = Type.GetType($"YourNamespace.{elementTypeName}");
// model为JSON反序列化后的对应模型对象
var element = _elementCreator.Create(elementType, model);

方案二：DI集成工厂模式（Blazor推荐场景） #

如果元素类需要注入Blazor服务（如IJSRuntime、NavigationManager），用DI管理实例生命周期更可靠：

1. 定义模型绑定接口 #

为元素类统一提供模型赋值入口：

public interface IHasModel
{
    void SetModel(object model);
}

2. 修改元素实现类 #

以Textbox为例：

public class Textbox : IElement, IHasModel
{
    // 假设需要注入IJSRuntime
    private readonly IJSRuntime _jsRuntime;

    public Textbox(IJSRuntime jsRuntime)
    {
        _jsRuntime = jsRuntime;
    }

    public string Label { get; set; }
    public string Value { get; set; }

    public void SetModel(object model)
    {
        if (model is TextboxModel tbModel)
        {
            Label = tbModel.Label;
            Value = tbModel.Value;
        }
    }
}

3. 实现DI工厂 #

public class ElementFactory
{
    private readonly IServiceProvider _serviceProvider;

    public ElementFactory(IServiceProvider serviceProvider)
    {
        _serviceProvider = serviceProvider;
    }

    public IElement Create(string elementTypeName, object model)
    {
        var elementType = Type.GetType($"YourNamespace.{elementTypeName}");
        if (elementType == null || !typeof(IElement).IsAssignableFrom(elementType))
            throw new ArgumentException("无效的元素类型");

        // 从DI容器获取实例（自动注入依赖）
        var element = (IElement)_serviceProvider.GetRequiredService(elementType);
        
        // 绑定模型数据
        if (element is IHasModel hasModel)
        {
            hasModel.SetModel(model);
        }
        else
        {
            //  fallback：用反射批量赋值属性
            foreach (var prop in model.GetType().GetProperties())
            {
                var elementProp = elementType.GetProperty(prop.Name);
                elementProp?.SetValue(element, prop.GetValue(model));
            }
        }

        return element;
    }
}

4. 注册与使用 #

注册元素类与工厂：

// 注册所有IElement实现类
builder.Services.AddTransient<Textbox>();
builder.Services.AddTransient<Radiobutton>();
// 注册工厂
builder.Services.AddTransient<ElementFactory>();

业务代码中调用：

var element = _elementFactory.Create("Textbox", tbModel);

渲染层优化 #

创建统一渲染组件ElementRenderer.razor，避免在业务代码中写渲染逻辑：

@typeparam TElement where TElement : IElement

@switch (Element)
{
    case Textbox tb:
        <TextboxComponent Label="@tb.Label" @bind-Value="@tb.Value" />
        break;
    case Radiobutton rb:
        <RadiobuttonComponent Options="@rb.Options" @bind-SelectedValue="@rb.SelectedValue" />
        break;
    // 其他元素分支
}

@code {
    [Parameter, Required] public TElement Element { get; set; }
}

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