如何在 Blazor 中将一个组件引用传递给另一个组件？

Question

我的主页有两个组件——状态和命令。问题是状态组件应该获得对组件之一的引用。根据我的阅读，我可以使用级联参数来实现我的目标。

主页：

<CascadingValue Value="commands">
    <States @ref="states"></States>
</CascadingValue>

<Commands @ref="commands"></Commands>

@code
{
    private Commands commands;
    private States states;
    ...

状态组件：

@code {
    [CascadingParameter]
    public Commands Commands { get; set; }
}

理论上它应该可以工作，在视觉上它们被正确渲染，但在引擎盖下它不起作用 - 状态组件接收“null”的命令，所以基本上它不会“看到”其他组件。

这里是“有趣”的部分——正如我写的状态组件接收 null，但如果我在主页中引用命令组件，就像 Blazor 意识到它已经设置并且是时候将新值传递给状态事实上，国家收到非空值。一些滞后效应还是什么？

当然我想让它自动发生。怎么做？

视觉顺序没有任何区别，当我先放在主页命令时，然后状态我得到完全相同的结果。

解决方法：

我知道的最简单的解决方法是（我使用示例中的名称）将支持字段添加到“命令”并将“命令”更改为属性。每当调用 setter 时，只需在最后调用 StateHasChanged 即可。

Answer 1

您的问题是您可能还没有很好地掌握组件渲染过程以及正在发生的事情。 States 很可能在 Commands 之前渲染 - 顺序取决于他们所做的事情以及他们将第一个渲染事件堆叠到渲染器队列的时间。

如果States 首先渲染，则传递给它的级联参数为空。 commands 直到 Commands 首次渲染后才设置。之后的任何渲染周期都会将级联参数的有效值传递给States。

这不是一个好的设计。你应该只级联这样的组件：

<Commands @ref="commands">
  <CascadingValue Value="commands">
    <States @ref="states"></States>
  </CascadingValue>
</Commands>

Commands 在States 被渲染之前肯定存在。 States 总是会得到一个有效的对象。