使用参与者将数据从父计算机发送到子计算机
使用参与者将数据从父计算机发送到子计算机
提问于 2020-02-28 14:25:53
我试图理解Actors能够将数据从同级组件传递到另一个组件。
我有这样的机器:父母和孩子。parentMachine在GET转换中向childMachine发送一个success事件。一旦childMachine接收到event.value，就应该在其上下文中将其分配给user属性。
const [currentChild, sendChild] = useMachine(childMachine);现在，在单击fetch后记录currentChild.context时，user属性为空。如何在依赖于parentMachine的组件中使用从childMachine接收的数据？
CodeSandbox：https://codesandbox.io/s/patient-frost-9lxoh
const parentMachine = Machine({
id: "parent",
initial: "idle",
context: {
ref: undefined
},
states: {
idle: {
on: {
FETCH: {
target: "loading"
}
}
},
loading: {
invoke: {
id: "getUser",
src: (_, event) => fetchUser(event.value),
onDone: {
target: "success",
actions: assign({
user: (_, event) => {
return event.data;
}
})
},
onError: {}
},
entry: assign({
ref: () => spawn(childMachine)
})
},
success: {
entry: (ctx, evt) => ctx.ref.send({ type: "GET", value: ctx.user })
},
failure: {}
}
});const childMachine = Machine(
{
id: "child",
initial: "waitingForData",
context: {
user: []
},
states: {
waitingForData: {
on: {
GET: {
actions: [
assign({
user: (ctx, evt) => [...ctx.user, evt.value]
}),
"logger"
]
}
}
}
}
},
{
actions: {
logger: ctx => console.log(ctx.user)
}
}
);回答 1
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60460041
复制相关文章
相似问题
腾讯云开发者
