Dispatch using socket io

Question

How can I change the state using socket?

socket.js

import {getNearbyUser} from '../routes/Search/modules/Search'
export function socketAction(action,data){
    if(action == 'login'){
        socket.emit('login',data);
    }
    else if(action == 'book'){
        socket.emit('book',data);
    }

    socket.on('nearbyUser', getNearbyUser);
}

Search.js

export function getNearbyUser(data){
    alert(data.latitude + '\n' + data.longitude);
    return (dispatch) => {
        dispatch({
            type: GET_NEARBY_HANDYMAN,
            address: data
        })
    }
}

server.js

socket.on('handyman',(data) => {
    console.log(data);
    socket.to('customerRoom').emit('nearbyHandyman',data);
})

It alerts the latitude and longitude but the state is not changing or it's not dispatching.

score 0 · Answer 1 · answered Jul 06 '18 at 13:12

0

getNearbyUser returns a function which is never being called. Try:

socket.on('nearbyUser', data => getNearbyUser(data)(dispatch));

Not sure where dispatch is defined but you'll need to pass that in as well.

answered Jul 06 '18 at 13:12

Alan Friedman

1,582
9
7

dispatch is defined in Search.js – PJ Concepcion Jul 06 '18 at 13:17
Ok then there's no need to pass it as a param – Alan Friedman Jul 06 '18 at 13:18
You'll need to provide more details. Is the anonymous function that calls dispatch being invoked at all? If so, is dispatch defined? – Alan Friedman Jul 06 '18 at 13:26
My other function is just like that but the difference is they are not called in socket. – PJ Concepcion Jul 06 '18 at 14:13

Dispatch using socket io

1 Answers1