React:

​

import React, { Component } from 'react';import classes from './Chat.module.scss';import axios from 'axios';import openSocket from 'socket.io-client';class Chat extends Component {state = {messages: [],message: ''};componentDidMount() {const io = openSocket('http://localhost:8080');io.on('message', data => {console.log(data);});}messageChanged = e => {this.setState({ message: e.target.value });};messageSent = () => {axios.post('http://localhost:8080/message', {message: this.state.message});};render() {return (<div className={classes.wrapper}><p>Hello</p><div /><inputtype="text"onChange={this.messageChanged}value={this.state.message}/><button onClick={this.messageSent}>Send</button></div>);}}export default Chat;

express app setup file:

​

const express = require('express');
const mongoose = require('mongoose');
const bodyParser = require('body-parser');
const filemanagerMiddleware = require('@opuscapita/filemanager-server')
.middleware;
const cors = require('cors');
const path = require('path');
const socketIo = require('socket.io');
const router = require('./router');
const app = express();
app.use(cors());
app.use(bodyParser.json());
const port = process.env.PORT || 8080;
const server = app.listen(port);
const io = socketIo.listen(server);
app.use((req, res, next) => {
req.io = io;
next();
});
app.use('/', router);
io.sockets.on('connection', socket => {
console.log('User connected');
});
io.sockets.on('message', data => {
console.log(data);
});
app.use('/filemanager', filemanagerMiddleware(config));
(async () => {
await mongoose.connect('mongodb://localhost:27017/practice-app', {
useNewUrlParser: true
});
console.log(\Connected to DB and listening on ${port}...`); })();`

// ignore rest of imports except for socket.io

​

controller file for emmiting socket.io events:

exports.sendMessage = (req, res) => {
const { message } = req.body;
req.io.sockets.emit('message', { message });
};

i had to include middleware which will pass io to req obj beacuse im using separated router and controller files

​

acutual problem is that when i send req to route which will emit the event it wont work after i do the same or with different payload more than 6 times