我正在尝试从我的 React Native 应用程序上传多个文件。它在yield 语句上给出Unexpected Token
错误。
是否可以在循环内执行yield
?
files.map((fileOb)=>{
const response=yield call(FileManager.uploadFile, fileOb)
yield put(Actions.fileUploaded(response))
})
谢谢, 抱歉我的英语不好
最佳答案
在上面的示例中,您在传递给 files.map
的回调中进行了屈服。它不起作用,因为您只能在生成器函数内使用 yield
。
要处理并行请求,您可以生成效果数组
function* uploadFiles(files) {
const responses = yield files.map(fileOb => {
return call(FileManager.uploadFile, fileOb)
})
yield responses.map(response => {
return put(Actions.fileUploaded(response))
})
}
请注意,在这种情况下,所有调用都必须成功才能分派(dispatch)操作。即,在所有调用成功解决之前,不会调度操作(否则 Saga 将取消剩余的调用并引发错误)。
另一种方法(也许是您所期望的)是为每个单独的进程提供并行的传奇(call -> put)。例如
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 block 包围每个单独的进程,所以任何错误都将单独处理,不会导致其他上传进程失败
关于reactjs - 如何处理 redux saga 中的请求数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41518739/