如何触发套接字导出的功能

Question

我正在使用react和socket.io创建一个实时聊天应用程序。我试图从另一个类中触发在socket.on函数中声明的函数，但根本没有触发该函数。我需要在哪里修复代码？

这是我尝试过的：

Api.js

import openSocket from 'socket.io-client';
import axios from 'axios';
const socket = openSocket("http://localhost:3000/")

function connect(receiver_id) { 
    socket.on(receiver_id, (from_id, message)=> {
        console.log("SENDER: " + from_id);
        pushToArray(message);
    });
}

function pushToArray(message){

}

export { connect, socket, pushToArray };

HomePage.js

import { socket, pushToArray } from '../Api';

class HomePage extends Component{

    constructor(props){
        super(props);
        this.push = this.push.bind(pushToArray);
    }

    push = (message) => {
        console.log("Triggered"); 
        console.log(message); 
    }

     render(){
        return (
            <div>

            </div>
        );
    }
}


export default HomePage;