如何从父组件中的事件更新子组件属性答案

【问题标题】：How to update child component properties from event in parent component如何从父组件中的事件更新子组件属性
【发布时间】：2020-01-08 23:13:47
【问题描述】：

我有一个管理各种事物的父组件。当事件在父级中完成时，我想强制子组件刷新或触发它们拥有的方法。是否有可能做到这一点？谢谢你。

例如，组件具有颜色属性。基于父组件的状态变化，我希望孩子相应地改变它的颜色。

【问题讨论】：

标签： c# blazor

【解决方案1】：

你可以像这样定义一个子组件：

Child.razor

<p>Selected Color: @SelectedColor</p>

@code
{
    [Parameter]
    public string SelectedColor { get; set; }
}

上面的代码定义了一个公共属性，其值显示在组件的视图部分。请注意，该属性使用 Parameter 属性进行注释。接下来，我们将定义一个父组件，子组件嵌入其中。父组件正在为上面定义的 SelectedColor。

Parent.razor

@page "/parent"

<p><input type="text" @bind="@MyColor" /></p>

<Child SelectedColor="@MyColor" />

@code
{
   private string MyColor;

}

在父组件中有一个输入 Html 元素，该元素绑定到名为 MyColor 的变量。这种类型的绑定称为双向绑定。从变量 (MyColor) 到输入元素，反之亦然。现在，当您输入命名颜色并跳出文本框时，MyColor 变量包含您输入的文本，并且如您所见，它被分配给子组件的 SelectedColor 属性。因此，每次您在文本框中输入值和制表符时，父组件都会使用输入的新值重新渲染子组件。

这只是一个开始，你还有很多东西要学...从文档开始，来这里提问...

【讨论】：