我正在尝试从我的本机应用程序上传多个文件。它Unexpected Token在 yield 语句上给出错误。
是否可以yield在循环内进行？
files.map((fileOb)=>{
const response=yield call(FileManager.uploadFile, fileOb)
yield put(Actions.fileUploaded(response))
})
谢谢，对不起我的英语不好
如何处理 redux saga 中的请求数组
IT技术
reactjs
react-native
redux-saga
2021-05-13 20:06:46
2个回答
在上面的示例中，您在传递给files.map. 它不起作用，因为您yield只能在 Generator 函数内部使用。
要处理并行请求，您可以生成效果数组
function* uploadFiles(files) {
const responses = yield files.map(fileOb => {
return call(FileManager.uploadFile, fileOb)
})
yield responses.map(response => {
return put(Actions.fileUploaded(response))
})
}
请注意，在这种情况下，所有调用都必须成功才能分派操作。即在所有调用都成功解决之前不会调度操作（否则 Saga 将取消剩余的调用并引发错误）。
另一种方式（也许是您所期望的）是为每个单独的进程（调用 - > 放置）提供并行的传奇。例如
function* uploadFiles(files) {
yield files.map(file => call(uploadSingleFile, file))
}
function* uploadSingleFile(file) {
try {
const response = yield call(FileManager.uploadFile, file)
yield put(Actions.fileUploaded(response))
} catch(err) {
yield put(Actions.fileUploadedError(response))
}
}
在后面的示例中，一旦相应的调用返回，就会调度上传操作。也因为我们用 try/catch 块包围了每个单独的进程，任何错误都将单独处理，不会导致其他上传进程失败
这对我有用，可以将多个文件传递给 uploadSingleFile 生成器函数。
function* uploadFiles(files) {
yield all(files.map(file => call(uploadSingleFile, file)));
}