Blazor 中的元素引用 null

Question

我有以下 html 剃须刀代码

<StEyth @ref="stEyth"></StEyth>
<Gr1D @ref="gr1D" ></Gr1D>

 

@code 中的以下代码

@code {     
 private Gr1D?  gr1D;
 private StEyth? stEyth;
 protected override async Task OnInitializedAsync()    
 {
   await updateView();
 }
 private async Task updateView()    
 {
   DrpdVal = new IpDrpdValues { ar1 = gr1D.ar1}
   await stEyth.updateView(DrpdVal);
 }
}

但代码到达时gr1D为空

DrpdVal = new IpDrpdValues { ar1 = gr1D.ar1}

知道为什么吗？ 我怎样才能得到 Gr1D 中变量的值？

Answer 1

如果您在对UpdateView 的调用之前添加yield，则组件运行它的初始渲染并且子组件存在。

    protected override async Task OnInitializedAsync()
    {
        await Task.Yield();
        await UpdateView();
    }

但是，如果我正确阅读了您上面的评论，那么您正在尝试协调组件之间的数据交换。这非常危险：您无法控制渲染和更新过程。您应该考虑使用服务来保存您的数据，以及您的组件可以订阅的通知事件。

Answer 2

@ref 在渲染期间设置。 OnInitialized 在第一次渲染之前执行。

因此，执行此操作的合乎逻辑的位置是在 OnAfterRender 中。使用 firstRender 只做一次。

protected override async Task OnAfterRenderAsync(bool firstRender)
{
  if (firstRender)
  {
    await updateView();
  }
}