每当父组件更新时，我们如何渲染子组件？答案

【问题标题】：How can we render child component whenever parent component is updated?每当父组件更新时，我们如何渲染子组件？
【发布时间】：2020-06-18 19:02:47
【问题描述】：

子组件根据作为参数传递给子组件的对象的一组属性构造一个字段。在下面的示例中，当父组件中的任何地址字段发生变化时，子组件如何动态呈现？感谢您的任何建议！

父组件使用如下子组件并传递参数parentObj。

父组件：

<Child ChildObj="@parentObj" />

子组件：

<div class="col-8 flex-wrap">
    @Address
</div>

@code {

[Parameter]
public Person ChildObj { get; set; }

public string Address { get; set; }


 protected override async Task OnInitializedAsync()
    {
        await Task.Run(() => { 
            if (ChildObj != null)
            {
                Address = ChildObj.Address1 + " " + ChildObj.Address2 + " " + ChildObj.City + " " + ChildObj.State + " " + ChildObj.Zip
            }
        });

    }
}

【问题讨论】：

设置地址后调用InvokeAsync(StateHasChanged)

标签： blazor blazor-client-side

【解决方案1】：

这里的问题是OnInitializedAsync只在组件中第一次设置参数的时候被调用，你需要使用OnParametersSet会被调用的时候：

OnParametersSetAsync 或 OnParametersSet 被调用：

在 OnInitializedAsync 或 OnInitialized 中初始化组件之后。

当父组件重新渲染和供应时：仅已知至少一个参数已更改的原始不可变类型。任何复杂类型的参数。框架无法知道复杂类型参数的值是否在内部发生了变异，因此它将参数集视为已更改。

<div class="col-8 flex-wrap">
    @Address
</div>

@code {

    [Parameter]
    public Person ChildObj { get; set; }

    public string Address { get; set; }

    // using OnParametersSet
    protected override void OnParametersSet()
    {
        if (ChildObj != null)
        {
            Address = ChildObj.Address1 + " " + ChildObj.Address2 + " " + ChildObj.City + " " + ChildObj.State + " " + ChildObj.Zip
        }
    }
}

【讨论】：