zoukankan      html  css  js  c++  java
  • [XState] Invoke Child XState Machines from a Parent Machine

    Trying to structure the state logic of an application as a single machine can begin to become unwieldy when we have too many states. It is often better to divide our app into smaller machines and invoke those machines as necessary.

    When we enter a state in a machine, we can invoke a child machine. This machine can send and receive events from the parent. When the child machine reaches a final state, the onDone transition is taken by the parent's current state node.

    To invoke a child machine, we use the invoke property and set the src property to a machine. We can forward events in the parent machine to the child machine by setting the property autoForwards to true. We can also send events to the child machine through setting the second argument of the send() function to { to: 'child-machine-id' }.

    The child machine can send events to the parent machine by using the sendParent function. In this way, parent and child machines can communicate.

    const childMachine = Machine({
      id: 'child',
      initial: 'step1',
      states: {
        step1: {
          on: { STEP: 'step2' },
        },
        step2: {
          on: { STEP: 'step3' },
        },
        step3: {
          type: 'final',
        }
      }
    })
      
    const parentMachine = Machine({
      id: 'parent',
      initial: 'idle',
      states: {
        idle: {
          on: { ACTIVATE: 'active' },
        },
        active: {
          invoke: {
            id: 'child',
            src: childMachine,
            onDone: 'done',
          },
          on: {
            STEP: {
              actions: send('STEP', { to: 'child' }),
            },
          },
        },
        done: {},
      },
    })
  • 相关阅读:
    C++ 获取ms级的计时
    基于UDP的IP对IP的客户端程序
    stm32 keil生成bin文件
    xmos 加密
    DMX512程序介绍
    WS2812原理及实现
    MFC 通过按钮调用自对话框 给按钮加载位图 给对话框添加背景
    4*4矩阵键盘FPGA扫描实现
    FIFO
    Modelsim建立UVM环境
  • 原文地址:https://www.cnblogs.com/Answer1215/p/12225792.html
Copyright © 2011-2022 走看看