从任意线程调用StateHasChanged（）是否安全？

Question

StateHasChanged()从任意线程调用安全吗？

让我给你一些背景。想象一下您拥有的服务器端Blazor / Razor组件应用程序：

• 单例服务NewsProvider，它BreakingNews从任意线程引发事件。
• 一个组件News.cshtml是可以获得的服务注入和订阅BreakingNews事件。引发事件时，组件将更新模型并调用StateHashChanged()

NewsProvider.cs

using System;
using System.Threading;

namespace BlazorServer.App
{
    public class BreakingNewsEventArgs: EventArgs
    {
        public readonly string News;

        public BreakingNewsEventArgs(string news)
        {
            this.News = news;
        }
    }

    public interface INewsProvider
    {
        event EventHandler<BreakingNewsEventArgs> BreakingNews;
    }

    public class NewsProvider : INewsProvider, IDisposable
    {

        private int n = 0;

        public event EventHandler<BreakingNewsEventArgs> BreakingNews;
        private Timer timer;

        public NewsProvider()
        {
            timer = new Timer(BroadCastBreakingNews, null, 10, 2000);

        }

        void BroadCastBreakingNews(object state)
        {
            BreakingNews?.Invoke(this, new BreakingNewsEventArgs("Noticia " + ++n));
        }

        public void Dispose()
        {
            timer.Dispose();
        }
    }
}

News.cshtml

@page "/news"
@inject INewsProvider NewsProvider
@implements IDisposable

<h1>News</h1>

@foreach (var n in this.news)
{
    <p>@n</p>
}


@functions {
    EventHandler<BreakingNewsEventArgs> breakingNewsEventHandler;

    List<string> news = new List<string>();

    protected override void OnInit()
    {
        base.OnInit();
        breakingNewsEventHandler = new EventHandler<BreakingNewsEventArgs>(OnBreakingNews);
        this.NewsProvider.BreakingNews += breakingNewsEventHandler;
    }

    void OnBreakingNews(object sender, BreakingNewsEventArgs e)
    {
        this.news.Add(e.News);
        StateHasChanged();
    }

    public void Dispose()
    {
        this.NewsProvider.BreakingNews -= breakingNewsEventHandler;
    }
}

启动文件

using Microsoft.AspNetCore.Blazor.Builder;
using Microsoft.Extensions.DependencyInjection;
using BlazorServer.App.Services;

namespace BlazorServer.App
{
    public class Startup
    {
        public void ConfigureServices(IServiceCollection services)
        {
            // Since Blazor is running on the server, we can use an application service
            // to read the forecast data.
            services.AddSingleton<WeatherForecastService>();
            services.AddSingleton<INewsProvider, NewsProvider>();
        }

        public void Configure(IBlazorApplicationBuilder app)
        {
            app.AddComponent<App>("app");
        }
    }
}

它显然有效，但是我不知道StateHasChanged()线程安全性。如果不是，我该如何StateHashChanged()安全地打电话？有类似的东西Control.BeginInvoke吗？我应该使用SyncrhonizationContext.Post吗？

Answer 1

不，StateHasChanged()从任意线程进行调用是不安全的。在ASP.NET Core 3.0预览版2上运行该代码将引发以下异常：

Microsoft.AspNetCore.Components.Browser.Rendering.RemoteRendererException：'当前线程未与渲染器的同步上下文关联。在触发渲染或修改渲染过程中访问的任何状态时，请使用Invoke（）或InvokeAsync（）将执行切换到渲染器的同步上下文。

正确的呼叫方式StateHasChanged()如下：

void OnBreakingNews(object sender, BreakingNewsEventArgs e)
{
    Invoke(() => {
        news.Add(e.News);
        StateHasChanged();
    });
}

但是Invoke已添加到ASP.NET NET Core 3.0预览剃刀组件中，它在ASP.NET Core 2.1 Server Side Blazor上不可用。