无法从saga发出动作,请在foo saga中查看,这是完整的代码和最新的推送github link我可以知道我要去哪里了吗?没有佐贺,它工作正常,但我想用佐贺实现贸易应用程序。
import { takeEvery, put, call, take } from 'redux-saga/effects'
import {
updateMarketPairs
} from '../actions/updateMarketPairs'
export default function* marketPairsSagas() {
yield takeEvery("UPDATE_MARKET_PAIRS", connectSocketStreams)
}
function doAction (data){
let ticker = {}
data.forEach(item => {
let symbol = item.symbol || item.s;
ticker[symbol] = {
symbol: symbol,
lastPrice: item.lastPrice || item.c,
priceChange: item.priceChange || item.p,
priceChangePercent: item.priceChangePercent || item.P,
highPrice: item.highPrice || item.h,
lowPrice: item.lowPrice || item.l,
quoteVolume: item.quoteVolume || item.q,
}
})
return ticker;
}
function* foo (tickerdata) {
console.log("yielding"); // appears in console
console.log('after yielding tickerdata',tickerdata);
yield put(updateMarketPairs(tickerdata)); // action *is not* dispatched
console.log("yielded"); //appears in console
}
function connectSocketStreams(action) {
const payload = action.payload
const allStreams = payload.streams && payload.streams.join('/');
let connection = btoa(allStreams);
connection = new WebSocket(`wss://stream.binance.com:9443/stream?streams=${allStreams}`);
connection.onmessage = evt => {
// yield put({ type: 'ACTION_TYPE', payload: JSON.parse(evt.data)})
let tickerdata = doAction(JSON.parse(evt.data).data);
const iter = foo(tickerdata);
iter.next();
// yield put(updateMarketPairs(tickerdata));
console.log('tickerdata saga---->',tickerdata);
}
connection.onerror = evt => {
console.error(evt);
}
// yield put(updateMarketPairs(tickerdata));
}
这是因为foo
是一个生成器,您不能像普通函数一样调用它。您需要使用redux-saga call
效果。
但是还有另一个问题:call
效果在onmessage
处理程序中不起作用。对于此类情况特别有用,它有一个eventChannel帮助器,可让saga与外部事件源进行通信。