如何在 redux saga 中获取具有不同参数的终点

Question

所以我有终点函数

import AppConfig from "../config/app-config";

const create = (baseURL = AppConfig.apiUrl) => {
  const api = apisauce.create({
    baseURL,
    headers: {
      "Cache-Control": "no-cache"
    },
    timeout: 10000
  });

const listAssignedDevices = vehicleId =>
    api.get(`api/fleet/vehicle/${vehicleId}/devices`) 

return listAssignedDevices
export default create

已编辑

我尝试用数组作为 redux-saga 中的参数列表调用那个端点

我已经尝试使用

中的地图函数

const listVehicleId = [1,2,3,4,5,6,7]

const response = yield listVehicleId.map(vehicleId => call(api.listAssignedDevices, vehicleId)
console.log(response)

if (response.ok && response.headers['content-type'].indexOf('json') !== -1) {
    console.tron.log('AturBcak - OK')
    yield put(AturBcakActions.aturBcakMultipleSuccess(response.data))
  }

但响应未定义，我想知道如何使用不同的参数进行多次调用。

Answer 1

api.listAssignedDevices 必须是一个以 vehicleId 为参数的函数，执行网络请求并 returns 结果。从您的示例来看，它只是一个从 vehicleId 构造 url 但不执行网络请求

的函数

const listAssignedDevices = vehicleId => fetch(`vehicle/${vehicleId}/devices`)

Answer 2

我通过 yield all

解决了我的问题

const response = yield all(
    listVehicleId.map(vehicleId => 
      call(api.listAssignedDevices, vehicleId)  
    )
  )

来自这个

https://github.com/redux-saga/redux-saga/issues/1800#issuecomment-468627409

如何在 redux saga 中获取具有不同参数的终点

how to fetch end point with different parameters in redux saga

javascript

reactjs

react-native

redux

redux-saga