许多SO答案使用await Task.Delay(1)来解决Blazor（wasm）中的各种异步渲染问题，我甚至在自己的代码中找到了一些地方，在这些地方使用该方法可以“使其正常工作”。
然而，它总是被当作事实陈述，没有经过详细的解释，在文档中也找不到这种技术。
一些问题：
await Task.Delay(1) - 在什么情况下会使用此技术，有哪些用例？Task.Delay(1)和Task.Yield()之间有什么区别吗？Task.Delay(1)来保证它。” -- 我认为Task.Delay(1)并不能保证任何事情。理论上，它可能没有任何效果。当前线程在创建了Task.Delay(1)任务后可能会被操作系统挂起，当它几毫秒后恢复时，可能会发现Task已经完成。在这种情况下，await将同步完成，代码的行为就像遇到了await Task.CompletedTask一样。虽然我不知道这种情况是否实际上可能发生。 - Theodor ZouliasHenk Holterman 共同回答的一个问题的链接，他在回答中使用了 await Task.Delay(1);。await Task.Delay(1); 会导致组件重新渲染两次等。await Task.Delay(1); 是必要的吗？
绝对不是。这是一种不良实践，不仅会导致组件再次重新渲染，而且可能会在复杂代码中引起微妙的问题。Blazor 提供了一系列生命周期方法，您可以捕获并使用它们来提供所需的解决方案。请不要进行黑客攻击。长期来看，这可能非常昂贵。创建优雅的代码，而不是黑客...
Task.Delay的用例，演示了一个带有标题为“保存”的按钮元素的页面。要求是在用户单击按钮后立即将标题文本更改为“正在保存...”，在将员工记录保存到数据存储中的过程中持续显示。如果您知道其他Task.Delay的用例，请告诉我。
@page "/"
<div>
<button class="btn btn-primary"
@onclick="Save">@caption</button>
</div>
@code
{
private string caption = "Save";
private async Task SaveEmployee()
{
// Simulate saving an employee's record in database...
// I use System.Threading.Thread.Sleep instead of a loop
// with millions of iterations.
System.Threading.Thread.Sleep(3000);
// Retruns completed task
await Task.CompletedTask;
}
private async Task Save()
{
caption = "Saving...";
// Renders here automatically after calling Task.Delay()
await Task.Delay(1000);
await SaveEmployee();
caption = "Save";
// Renders here automatically when SaveEmployee()
//complete
}
}
Task.Delay 并提供了一种优雅的解决方案，这绝对不是hack，并且其额外的优势在于它导致组件的单一渲染...请注意： Task.Delay 涉及第二次渲染...
注意：下面的代码是对此问题的回答。
<div @ref="ReferenceToDiv" id="select-@Id" style="background-color: red; width:300px; height: 300px">
</div>
@code
{
ElementReference ReferenceToDiv;
// As you can see, you should call the "adjustPosition" method from the
// `OnAfterRenderAsync` method to ensure that the div element has been
// rendered. DO Not Re-render In Vain. That is, do not use
// await Task.Delay(1); to re-render your component
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (opened)
{
await jsModule.InvokeVoidAsync("adjustPosition", ReferenceToDiv);
}
}
public void OnClick()
{
opened = !opened;
}
}
export function adjustPosition(element) {
// Should return 300px
console.log($(element.style.width);
}
await Task.Delay(1);是不好的实践，那么请展示你的index.razor使用正确的实践。 - mxmissile
await Task.Delay(1)作为解决方案吗？ - Theodor Zoulias