Blazor子组件点击按钮currentCount不更新问题求助

这个问题的核心是你的IncrementAmount参数的setter直接修改了组件内部状态currentCount：当你调用OnClick.InvokeAsync触发父组件的事件处理逻辑时，父组件大概率会因为状态变化触发重新渲染，此时会重新向子组件传递IncrementAmount参数，导致子组件的currentCount被重新设置为IncrementAmount的值——刚加的1瞬间被覆盖，这就是为什么注释掉InvokeAsync后更新正常，因为父组件不会重新渲染，也就不会触发参数setter重置currentCount。

另外要注意，Blazor的组件参数setter设计上应该是无副作用的，直接在setter里修改组件内部状态是不符合最佳实践的，Blazor可能会在父组件渲染时多次调用参数setter，哪怕参数值没有变化，这也可能导致意外的状态重置。

我们需要把参数值和组件内部状态解耦，用一个单独的字段存储参数的初始值，然后在组件初始化时设置currentCount，而不是直接在参数setter里修改它。同时调整IncrementCount的逻辑，先更新内部状态再触发回调：

<h1>Counter</h1>
<p>Current count: @currentCount</p>
<button class="btn btn-primary" @onclick="@IncrementCount">Click me</button>

@code { 
    // 用私有字段存储参数的初始值
    private int _initialCount;

    [Parameter] 
    public string IncrementAmount { 
        set { 
            // 加上解析失败的容错处理
            if (int.TryParse(value, out var parsedCount))
                _initialCount = parsedCount;
        } 
    }

    public int currentCount { get; set; }

    [Parameter] public EventCallback<string> OnClick { get; set; }

    // 在组件初始化时设置currentCount的初始值
    protected override void OnInitialized()
    {
        currentCount = _initialCount;
        base.OnInitialized();
    }

    async Task IncrementCount() { 
        // 先更新内部状态
        currentCount++;
        
        // 再触发父组件回调，此时传递的就是最新的currentCount
        if (OnClick.HasDelegate) { 
            await OnClick.InvokeAsync(currentCount.ToString());
        }
    }
}

如果你的业务需要在IncrementAmount参数更新时同步重置currentCount，可以把初始化逻辑移到OnParametersSet方法里（注意：OnParametersSet会在每次组件参数更新时触发，包括父组件重新渲染的情况）：

protected override void OnParametersSet()
{
    currentCount = _initialCount;
    base.OnParametersSet();
}

1. 组件参数尽量使用强类型，比如把IncrementAmount改成int类型，避免手动转换的麻烦和错误：

   [Parameter] public int IncrementAmount { get; set; }
   

   这样父组件传递起来更直观，子组件也不用处理字符串解析的问题。

2. 触发EventCallback时，尽量传递有意义的数据（比如你原本想传递的currentCount），而不是时间戳，这样父组件能直接拿到需要的状态值。

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