如何将ReactJs中的数据发送到signalR？在Asp.net Mvc Web Api中

npm install @microsoft/signalr

import React, { Component } from 'react';
import * as signalR from '@microsoft/signalr';

class MyComponent extends Component {
  componentDidMount() {
    const connection = new signalR.HubConnectionBuilder()
      .withUrl("/signalrHub") // 根据实际情况指定SignalR的Hub地址
      .build();

    connection.start()
      .then(() => {
        console.log("SignalR连接已建立");
      })
      .catch((error) => {
        console.log("SignalR连接建立失败：" + error);
      });
  }

  // 其他组件代码...

  render() {
    // 组件渲染代码...
  }
}

export default MyComponent;

import React, { Component } from 'react';
import * as signalR from '@microsoft/signalr';

class MyComponent extends Component {
  constructor(props) {
    super(props);

    this.state = {
      message: ""
    };
  }

  componentDidMount() {
    // SignalR连接代码...

    // 发送数据示例
    this.sendMessage("Hello SignalR!");
  }

  sendMessage = (message) => {
    const connection = new signalR.HubConnectionBuilder()
      .withUrl("/signalrHub") // 根据实际情况指定SignalR的Hub地址
      .build();

    connection.start()
      .then(() => {
        connection.invoke("SendMessage", message) // 根据实际情况指定SignalR的Hub方法名
          .catch((error) => {
            console.log("发送消息失败：" + error);
          });
      })
      .catch((error) => {
        console.log("SignalR连接建立失败：" + error);
      });
  }

  // 其他组件代码...

  render() {
    // 组件渲染代码...
  }
}

export default MyComponent;

using Microsoft.AspNet.SignalR;

public class MyHub : Hub
{
    public void SendMessage(string message)
    {
        // 处理接收到的消息
        // 可以在这里进行数据处理、存储等操作
        // 例如，可以将消息存储到数据库中

        // 向所有连接的客户端广播消息
        Clients.All.ReceiveMessage(message);
    }
}

using Microsoft.Owin;
using Owin;

[assembly: OwinStartup(typeof(YourNamespace.Startup))]

namespace YourNamespace
{
    public class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            // 配置SignalR
            app.MapSignalR();
        }
    }
}