Question

我的传奇实现为

import { put, takeLatest } from 'redux-saga/effects';
import axios from 'axios';

import { FETCH_CARD_LIST_DATA_FROM_API, SET_CARD_LIST  } from 
'./CardList.actions';
import constants from '../../../../constants';

export default function * fetchCardListSaga(){
 yield takeLatest(FETCH_CARD_LIST_DATA_FROM_API, fetchDataFromAPI)
}



function * fetchDataFromAPI(action){
const { payload } = action;
const response = yield 
axios.get(`${constants.API_URL}/hotels/${payload[0]}/${payload[1]}`);
  console.log('data recieved from api server', response.data.length);
if(response.status === 200){
  yield put({
    type: SET_CARD_LIST,
    payload: response.data
  });
 }
}

在server.js

const sagaMiddleWare = createSagaMiddleware();
const store =  createStore(rootReducer, initialState, 
applyMiddleware(sagaMiddleWare));
sagaMiddleWare.run(fetchCardListSaga);

现在我该如何调度操作，以便从API服务器获取数据，然后在服务器上调用res.send。

我知道如何使其在客户端使用react-redux。服务器端的问题是如何调度动作以及如何等待从服务器发送响应直到存储更新。

Answer 1

整rick

您可以通过获取store引用并调用store.dispatch来调度操作，但是您不能等待这个传奇。而且您不能手动调用saga，而无法yield对其进行调用，因为它取决于saga中间件。

我会将请求放入一个辅助函数中，并在不加传奇的情况下在服务器上进行数据获取，并以此方式分配响应。并在传奇中使用相同的辅助函数。

老实说，我不会在SSE中使用中间件。

使用redux-saga反应服务器端渲染

1 个答案: