如何将Dictionary<string, dynamic>传递给Blazor组件并解决绑定报错？

问题原因 #

你的实现方式不合法，报错的直接原因和代码里的其他问题如下：

• 双向绑定的动态派发冲突：Blazor的@bind语法底层依赖EventCallbackFactory的CreateBinder扩展方法实现双向绑定逻辑。扩展方法本质是静态方法的语法糖，需要在编译期确定调用目标，而你绑定的item.Value是dynamic类型，运行时动态派发调用时无法识别扩展方法，就会触发你看到的报错。
• 递归传参类型不匹配：你的DictItemComponent接收的thisDict参数是Dictionary<string, dynamic>类型，但你在遍历嵌套字典时，把KeyValuePair类型的dict直接传给了组件，类型完全不匹配，运行时也会触发参数校验错误。
• 类型判断逻辑错误：第三个分支判断时你对比的是typeof(Dictionary<dynamic, dynamic>)，但你的嵌套字典实际类型是Dictionary<string, dynamic>，判断条件不一致会导致嵌套字典被错误识别为普通值类型，进入错误的渲染分支。
• 值类型修改无效：你写的ValueToProperty和ValueToList方法中修改的是作为值类型传入的KeyValuePair参数，修改的只是参数副本，不会生效到原字典的存储内容。

可行实现思路 #

方案1：最小改动修复现有代码 #

1. 替换@bind语法，手动实现双向绑定，绕开动态扩展方法调用的问题：

// 把原来的<input @bind="item.Value"/>替换为
<input value="@item.Value" @onchange="(e) => thisDict[item.Key] = e.Value" />

2. 修复递归传参逻辑，直接把嵌套字典传给子组件，不需要遍历KeyValuePair：

@if(item.Value.GetType() == typeof(Dictionary<string, dynamic>))
{
    <li>@item.Key.ToString() : </li>
    <DictItemComponent thisDict="item.Value" />
}

3. 修正类型判断条件，把Dictionary<dynamic, dynamic>改为Dictionary<string, dynamic>，保持类型一致。
4. 修改ValueToProperty/ValueToList方法，直接操作原字典完成赋值：

public void ValueToProperty(KeyValuePair<string,dynamic> property)
{
    thisDict[property.Key] = new Dictionary<string, dynamic>();
}

方案2：使用强类型节点替换dynamic（更推荐） #

自定义递归的配置节点类型，完全规避动态类型带来的各种问题：

public enum ConfigNodeType
{
    SingleValue,
    List,
    Dictionary
}

public class ConfigNode
{
    public ConfigNodeType NodeType { get; set; }
    public object SingleValue { get; set; }
    public List<object> ListValue { get; set; }
    public Dictionary<string, ConfigNode> DictValue { get; set; }
}

组件参数改为接收Dictionary<string, ConfigNode>类型，渲染时根据NodeType判断分支逻辑，绑定的时候直接对应到强类型属性即可，不会再出现动态派发的报错。

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