Как следует из названия, у меня есть защищенные переходы, которые я хотел разместить в узле иерархического состояния, однако кажется, что xState не может прочитать свойство охранников и возвращает «TypeError: Cannot read property 'propertyName' of undefined" error»
Есть ли способ сделать это в xState, или в этом случае мне следует действовать без иерархического узла состояния?
Я использовал иерархический конечный автомат пример из документации, чтобы попытаться смоделировать это, добавив в конец примера следующее:
on: {
POWER_OUTAGE: '.red.blinking',
POWER_RESTORED: '.red',
POWER_TEST: {
target: '.red.stop',
cond: {
type: 'test'
}
}
}
},{
guards: {
test: () => true
}
});
Кажется, это работает, как и ожидалось, вы можете попробовать эту машину и пример защиты в визуализаторе здесь
Вы можете перевернуть логическое значение в тестовой защите, чтобы поиграть с ним, работающим/не работающим.
А вот полный код примера для справки:
const pedestrianStates = {
initial: 'walk',
states: {
walk: {
on: {
PED_COUNTDOWN: 'wait'
}
},
wait: {
on: {
PED_COUNTDOWN: 'stop'
}
},
stop: {},
blinking: {}
}
};
const lightMachine = Machine({
key: 'light',
initial: 'green',
states: {
green: {
on: {
TIMER: 'yellow'
}
},
yellow: {
on: {
TIMER: 'red'
}
},
red: {
on: {
TIMER: {
target: 'green',
cond: {
type: 'searchValid'
}
}
},
...pedestrianStates
}
},
on: {
POWER_OUTAGE: '.red.blinking',
POWER_RESTORED: '.red',
POWER_TEST: {
target: '.red.stop',
cond: {
type: 'test'
}
}
}
},{
guards: {
test: () => true
}
});
Итак, проблема, с которой я столкнулся, заключалась в том, что контекст был назначен моей иерархической машине состояний, а не родительской машине, поэтому охранники не могли получить к ней доступ. Перемещение контекста на родительский компьютер решило проблему
