我查看了 mobx-state-tree 文档,甚至测试文件https://github.com/mobxjs/mobx-state-tree/blob/master/packages/mobx-state-tree/tests/core/reference- custom.test.ts#L148 找出如何从异步源填充引用节点。例如,加载了 user1 并引用了 user2,但 user2 不在树中,因此去获取 user2 并加载它。过去我让所有用户都提前加载,所以 types.late() 工作得很好。但我已停止在加载时间开始时加载所有用户,而是只想加载正在引用的用户数据。
这是一个示例片段。我实际上并没有在沙箱中运行这个示例,因为我正在向你们寻求有关在哪里以及如何异步获取丢失节点背后的逻辑的指导帮助。您会注意到,在创建商店时加载的两个用户引用了尚未加载的第三个用户。当 MST 用前两个用户填充树并遇到对已卸载用户 ID 的引用时,我们如何让它获取用户,然后将其添加到用户映射中?
export const User = types
.model("User", {
id: types.identifier,
name: types.string,
friends: types.array(types.late(types.reference(User)))
})
.preProcessSnapshot(snapshot => {
if (snapshot){
return({
id: snapshot.id,
name: snapshot.name,
friends: snapshot.friends
})
}
})
export const UserStore = types
.model("UserStore", {
users: types.map(User),
})
.actions( self => ({
fetchUser: flow(function* (userId) {
let returnThis
try {
returnThis = yield ajaxFetchUser(userId)
self.users.put(returnThis)
} catch …Run Code Online (Sandbox Code Playgroud)