xstate - 在 xState 中将事件从一台机器发送到另一台机器时传递值

Question

我有一个调用 todoMachine 的简单聊天机器。todoMachine 有一个名为“OPENED_TASK_LIST_CREATOR”的事件，我想从 chatMachine 调用它。我已经设法弄清楚了。

export const chatMachine = Machine({
  id: 'chat',
  initial: 'idle',
  context: { message: '' },
  states: {
    idle: {
      invoke: {
        id: 'todo',
        src: todoMachine
      },
      on: {
        COMMENT_SUBMITTED: {
          actions: 'addComment'
        },
        COMMENT_STARRED: {
          actions: [
            (ctx, e) => console.log('e.payload', e.payload),
            send('OPENED_TASK_LIST_CREATOR', {
              to: 'todo'
            })
          ]
        }
      }
    }
  }
});

我遇到的问题是我想与“OPENED_TASK_LIST_CREATOR”事件一起发送一个值。即我要打开的列表ID。我已经设法(ctx, e) => console.log('e.payload', e.payload),在发送操作上方记录了它COMMENT_STARRED。

有没有办法传递e.payload给send('OPENED_TASK_LIST_CREATOR', { to: 'todo' })我可以使用 todoMachine 中的值？

Answer 1

COMMENT_STARRED: {
          actions: [
            (ctx, e) => console.log('e.payload', e.payload),
            send(
              (ctx, e) => ({
                type: 'OPENED_TASK_LIST_CREATOR',
                payload: e.payload
              }),
              {
                to: 'todo'
              }
            )
          ]
        }