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

将ReactJs中的数据发送到SignalR，可以通过以下步骤实现：

首先，在ReactJs中安装SignalR的客户端库。可以使用npm包管理器安装@microsoft/signalr库，运行以下命令：

npm install @microsoft/signalr

在ReactJs组件中引入SignalR库，并创建一个SignalR连接。可以在组件的componentDidMount生命周期方法中添加以下代码：

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;

在SignalR连接建立后，可以使用connection.invoke方法发送数据到SignalR服务器。例如，可以在ReactJs组件中定义一个方法来发送数据，然后在需要发送数据的地方调用该方法。以下是一个示例：

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;

在Asp.net Mvc Web Api中接收ReactJs发送的数据，可以按照以下步骤进行：

在Asp.net Mvc Web Api项目中，安装SignalR的服务器库。可以使用NuGet包管理器安装Microsoft.AspNet.SignalR库。
创建一个SignalR的Hub类，用于处理客户端发送的消息。在项目中创建一个继承自Microsoft.AspNet.SignalR.Hub的类，例如：

using Microsoft.AspNet.SignalR;

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

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

在Asp.net Mvc Web Api的Startup.cs文件中配置SignalR。在Configuration方法中添加以下代码：

using Microsoft.Owin;
using Owin;

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

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