Blazor组件状态管理疑问：Dictionary跟踪状态是否合理，能否直接绑定修改组件属性

嗨，我来帮你梳理下这两个问题：

1. 用Dictionary跟踪状态是否合理？ #

完全没问题！这种方式非常适合你这种动态列表项的场景——当你有不确定数量的项，需要单独跟踪每个项的展开/折叠状态时，用Dictionary<string, bool>（假设你的Key是字符串）来映射每个项的状态，既灵活又直观，比定义一堆单独的布尔变量高效太多了，尤其是列表项数量可能变化的情况，这个方案完全合理。

2. 能不能直接绑定修改组件属性，不用维护本地状态副本？ #

其实你当前的写法里，@bind-Expanded="expanded[kvp.Key]"已经在做状态同步了，但如果你想避免单独维护这个expanded字典，有个更优雅的方案：把状态和你的数据模型绑定在一起。

举个例子，你可以创建一个包含状态属性的模型类，而不是用键值对：

public class NumberEntry
{
    public string WrittenNumber { get; set; }
    public string Numeral { get; set; }
    public bool IsExpanded { get; set; } // 把展开状态直接放到模型里
}

然后修改页面代码，直接绑定到模型的IsExpanded属性，点击时直接切换这个属性：

<div class="row">
    <div class="col">
        <ul>
            @if(Items != null)
            {
                foreach(var item in Items)
                {
                    <li @key="item.WrittenNumber" @onclick="@(() => item.IsExpanded = !item.IsExpanded)">
                        @item.WrittenNumber 
                        <CollapsibleRow @bind-Expanded="item.IsExpanded">@item.Numeral</CollapsibleRow>
                    </li>
                }
            }
        </ul>
    </div>
</div>

@code {
    // 初始化你的数据，把状态和数据放在一起
    private List<NumberEntry> Items = new List<NumberEntry>
    {
        new NumberEntry { WrittenNumber = "One", Numeral = "1" },
        new NumberEntry { WrittenNumber = "Two", Numeral = "2" },
        new NumberEntry { WrittenNumber = "Three", Numeral = "3" }
    };
}

这样一来，你就不用单独维护expanded字典了——状态直接和数据模型绑定，点击事件直接修改模型的IsExpanded属性，Blazor的双向绑定会自动把这个变化同步到CollapsibleRow组件的Expanded参数里，逻辑更连贯，代码也更简洁。

当然，如果因为某些原因你没办法修改数据模型（比如数据是从外部接口直接获取的），那你原来用Dictionary的方案依然是非常合适的选择，不用纠结。

备注：内容来源于stack exchange，提问作者BVernon