Saga 处理异步请求首次登陆的问题

[tilkofjin]

首先感谢作者的开源教程，但在学习 1.5. 实战 Redux 异步工作流时遇到个小问题，简单描述下：本地写好saga相关逻辑，云函数准备就绪，云数据库 user 表连接成功，且未添加任何默认用户，执行首次登录，云函数返回的 user为以下内容： { "result": { "user": { "_document": { "_db": { "config": { "debug": false, "isHttp": false, "headers": {}, "timeout": 15000, "version": "wx-server-sdk/2.2.0", "throwOnCode": false }, "Geo": {}, "command": { "aggregate": {}, "project": {} } }, "_coll": "user", "id": "ac5f38825f44cc08004b74f216aa9cc5", "request": { "config": { "debug": false, "isHttp": false, "headers": {}, "timeout": 15000, "version": "wx-server-sdk/2.2.0", "throwOnCode": false } }, "_apiOptions": {} }, "collection": { "_query": { "_db": { "config": { "debug": false, "isHttp": false, "headers": {}, "timeout": 15000, "version": "wx-server-sdk/2.2.0", "throwOnCode": false }, "Geo": {}, "command": { "aggregate": {}, "project": {} } }, "_coll": "user", "_fieldFilters": "", "_apiOptions": {}, "_request": { "config": { "debug": false, "isHttp": false, "headers": {}, "timeout": 15000, "version": "wx-server-sdk/2.2.0", "throwOnCode": false } } }, "collectionName": "user", "database": { "cloud": { "inited": true, "services": { "database": { "name": "database" }, "storage": { "name": "storage" }, "functions": { "name": "functions" }, "open": { "name": "open" }, "utils": { "name": "utils", "initRequired": false }, "openapi": { "name": "openapi" }, "cloudPay": { "name": "cloudPay" } }, "debug": false, "instanceForEnv": {}, "exportAPI": { "version": "2.2.0", "cloudPay": {} }, "meta": { "session_id": "1598341789643" }, "config": { "env": {} }, "provider": { "api": {} }, "instance": { "config": { "debug": false, "isHttp": false, "headers": {}, "timeout": 15000, "version": "wx-server-sdk/2.2.0", "throwOnCode": false }, "extensionMap": {} } }, "config": {}, "_db": { "config": { "debug": false, "isHttp": false, "headers": {}, "timeout": 15000, "version": "wx-server-sdk/2.2.0", "throwOnCode": false }, "Geo": {}, "command": { "aggregate": {}, "project": {} } }, "command": { "aggregate": {}, "project": {} }, "Geo": {} }, "_collection": { "_db": { "config": { "debug": false, "isHttp": false, "headers": {}, "timeout": 15000, "version": "wx-server-sdk/2.2.0", "throwOnCode": false }, "Geo": {}, "command": { "aggregate": {}, "project": {} } }, "_coll": "user", "_fieldFilters": "", "_apiOptions": {}, "_request": { "config": { "debug": false, "isHttp": false, "headers": {}, "timeout": 15000, "version": "wx-server-sdk/2.2.0", "throwOnCode": false } } } }, "database": { "cloud": { "inited": true, "services": { "database": { "name": "database" }, "storage": { "name": "storage" }, "functions": { "name": "functions" }, "open": { "name": "open" }, "utils": { "name": "utils", "initRequired": false }, "openapi": { "name": "openapi" }, "cloudPay": { "name": "cloudPay" } }, "debug": false, "instanceForEnv": {}, "exportAPI": { "version": "2.2.0", "cloudPay": {} }, "meta": { "session_id": "1598341789643" }, "config": { "env": {} }, "provider": { "api": {} }, "instance": { "config": { "debug": false, "isHttp": false, "headers": {}, "timeout": 15000, "version": "wx-server-sdk/2.2.0", "throwOnCode": false }, "extensionMap": {} } }, "config": {}, "_db": { "config": { "debug": false, "isHttp": false, "headers": {}, "timeout": 15000, "version": "wx-server-sdk/2.2.0", "throwOnCode": false }, "Geo": {}, "command": { "aggregate": {}, "project": {} } }, "command": { "aggregate": {}, "project": {} }, "Geo": {} }, "_id": "ac5f38825f44cc08004b74f216aa9cc5" } }, "requestID": "2a8aeb0f-e6ad-11ea-a341-52540022b804" }

---

查看云数据库 user 表中，发现用户信息添加成功，由于请求是异步的，本地的 storage 会将上面的错误内容缓存到本地，导致页面首次登陆时渲染非预期效果，建议将functions/login/index.js的云函数修改成 Promise 风格调用，具体只涉及到一句代码： 原代码：const user = await db.collection('user').doc(_id) 修改后：const user = await db.collection('user').doc(_id).get().then(res=>{return res.data})

再次感谢作者开源！优秀的开源教程，有机会录成视频会更有利于传播。