首页 > 解决方案 > “Pusher chatkit onmessage hook 在 Reactjs 应用程序中没有响应”

问题描述

我正在使用 pusher Chatkit 在 Reactjs 中制作聊天应用程序。我已经在 onSubscribeRoomMultipart 函数上添加了带有 onMessage Chatkit 钩子的 hooks 属性,根据该钩子它将在控制台上打印“收到的消息,消息”,但它没有响应。

import React from 'react';
import CreateRoom from './components/CreateRoom';
import MessageList from './components/MessageList';
import RoomList from './components/RoomList';
import SendMessage from './components/SendMessage';
import { tokenUrl, instanceLocator } from './config';
import { ChatManager, TokenProvider } from '@pusher/chatkit-client'

class App extends React.Component {
  componentDidMount(){
    const chatManager = new ChatManager({
      instanceLocator: instanceLocator,
      userId: 'Rajani',
      tokenProvider: new TokenProvider({ url: tokenUrl })
    })
  chatManager.connect()
  .then(currentUser => {
    console.log(currentUser);
    currentUser.subscribeToRoomMultipart({
      roomId: '21681554',
      hooks: {
        onMessage: message => {
          console.log("received message", message)
        }
      },
      messageLimit: 10
    })
  })
  .catch(err => {
    console.log('Error on connection', err)
  })

  }
  render(){

标签: javascriptreactjswebhooksreact-hookschatkit

解决方案


推荐阅读