如何使用 React redux 和 socket.io 将数据传递给客户端？

Question

直到此刻我才熟悉 socket.io 或其他服务器的东西，所以也许我正在为非常简单的事情而苦苦挣扎。

这是 server.js：

let socket = null;

export const connect = (stockSymbol) => {
    socket = io('http://localhost:4000');

socket.on('connect', () => {
    console.log('connected');

    socket.on(stockSymbol, (data) => {
        tickData(data);
    });

    socket.emit('ticker', stockSymbol);
});

socket.on('disconnect', () => {
    console.log('disconnected');
});
};

这是行动：

export const TICK_DATA = 'TICK_DATA_ACTION';
export const tickData = data => {
    console.log(data, 'works here');
    return dispatch => {
        console.log(data, 'but doesnt work here');
        dispatch({ type: TICK_DATA, payload: data });
    };
};

问题是触发了动作，但调度功能不起作用。我认为绑定调度对象存在一些问题，但我不知道如何将它正确地实现到服务器文件。 请分享您的想法。

Answer 1

尝试将 dispatch 函数作为参数从您正在调用连接函数的反应组件传递并执行 dispatch(tickData(data));

let socket = null;

export const connect = (dispatch,stockSymbol) => {
socket = io('http://localhost:4000');

socket.on('connect', () => {
console.log('connected');

socket.on(stockSymbol, (data) => {
    dispatch(tickData(data));
});

socket.emit('ticker', stockSymbol);
});

socket.on('disconnect', () => {
console.log('disconnected');
});
};