首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将ReactJs中的数据发送到signalR?在Asp.net Mvc Web Api中

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

Stack Overflow用户
提问于 2020-09-12 18:40:05
回答 1查看 1.6K关注 0票数 0

当我想要从React组件发送数据到集线器时,我得到了一个问题,它不是发送...注意集线器已连接到客户端,但无法发送/接收数据

集线器代码

代码语言:javascript
运行
复制
public void SendMessageToAll(string userName, string message)
        {
             Clients.All.messageReceived(userName, message );

        }

React Js代码:

代码语言:javascript
运行
复制
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import { hubConnection } from 'signalr-no-jquery';


class Dashboard extends Component {
   constructor(props) {    
   super(props);
   const connection = hubConnection('https://localhost:44332');
   const hubProxy = connection.createHubProxy('Chat');

   hubProxy.on('Hello', function(name) {
    console.log(name);
});
    // atempt connection, and handle errors
    connection.start()

    .done(function(){ console.log('Now connected, connection ID=' + connection.id); })
    .fail(function(){ console.log('Could not connect'); });
}


  render() {
    return (
        <div/>
    );
  }
}

export default Dashboard;
EN

回答 1

Stack Overflow用户

发布于 2020-09-14 18:20:37

通常,在使用SignalR时,我们将创建ChatHub.cs,其中包含发送/接收方法。在客户端,我们将声明一个代理来引用集线器并连接集线器,然后,我们可以调用集线器的发送/接收方法来传输消息。但是从您的代码中,我没有找到调用"SendMessageToAll()“方法的位置,所以消息不会发送。请检查您的代码。

这里有一些关于使用SignalR的教程,你可以查看它们:

Chat Application Using ASP.NET, ReactJS, Web API, SignalR and Gulp

Tutorial: Real-time chat with SignalR 2

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63859460

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档