防止在 StateHasChanged 之后重新加载 ChildComponent？

Question

我有一个内部包含不同组件的组件，这些组件具有父组件给出的不同参数。在一个组件中，例如，一个布尔值。它从父组件获取值（true）作为参数。 如果我将子组件内的布尔值更改为 false（为 false），然后在触发 StateHasChanged 的​​父组件中发生某些事情，则子组件会使用来自父组件的 bool 参数进行刷新（true）。

有没有什么很酷的方法可以防止这种情况，让 bool 保持它的价值？ 或者我是否必须做一个回调之类的事情，以便每次当孩子内部的布尔值发生变化时，父级内部的布尔值都会发生变化？如果我必须这样做，以下是正确的方法，还是有更简单的方法？

Parent

<TestComponent boolChanged="this.ChangeBool" MyBool="this.myBool"></TestComponent>

@code {
    private bool myBool = true;

private void ChangeBool(bool change)
{
    this.myBool = change;
}
}


Child

@code {
    [Parameter]
    public bool MyBool { get; set; }

[Parameter]
public EventCallback<bool> boolChanged { get; set; }

private async Task SetBoolFalse()
{
    this.MyBool = false;
    await this.boolChanged.InvokeAsync(this.MyBool);
}
}

如果有多个参数，看起来工作量很大。

Answer 1

子组件（TestComponent）

@code {
    private bool myBool; 
    [Parameter]
    public bool MyBool { get; set; }

    [Parameter]
    public EventCallback<bool> MyBoolChanged { get; set; }

    protected override void OnParametersSet()
    {
        myBool = MyBool;
    }

   private async Task SetBoolFalse()
   {
      myBool = false;
      await MyBoolChanged.InvokeAsync(myBool);
   }
}

父组件

<div>@myBool.ToString()</div>

<TestComponent @bind-Value="myBool"/>

@code {
    private bool myBool = true;
}

注意：你不应该改变参数的状态。参数属性仅用于在组件之间流动数据。您应该定义一个局部变量 (myBool) 来维护您的状态。请注意，我在 OnParametersSet 生命周期方法中使用 MyBool 参数属性的值来初始化变量 myBool。