使用 xstate `useInterpret` 時等待異步參數

[英]Awaiting asynchronous params when using xstate `useInterpret`

我想為 react-native 應用程序啟用持久性。 按照 https 上的教程://garden.bradwoods.io/notes/javascript/state-management/xstate/global-state#rehydratestate我不能在 xstate 的鈎子use ...

Xstate 機 - 加載功能標志

[英]Xstate machine - Load feature flags

我們需要做什么：我們需要在我們當前的 state 機器中標記一些東西我的理想解決方案：無論 state 是什么，始終加載所有功能標志並將它們分配給 state 機器上下文嘗試：嘗試使用異步操作和調用服務，但是，我找不到始終運行其中任何一個的方法這基本上是我的 state 機器以及我如何設想加載功能標 ...

是否可以在 XState 機器中定義每個狀態的轉換 - 只需一次

[英]Is it possible to define in XState machine a transition from each state - just once

假設我有狀態為 A、...、Z 的機器。 如果機器收到事件{ type: "END_OF_THE_WORLD" } ，我希望機器進入狀態Z ，無論它處於哪個狀態。 是否可以定義適用於所有狀態的轉換，或者我是否必須在所有狀態中逐個定義它？ 我試圖找到一種方法，但我認為 Xstate 的當前實現是不可能 ...

在 nuxt 可組合項中使用 XState

[英]Use XState in a nuxt composable

我想在 Nuxt 3 中使用 xstate state 機器，它用於多個組件。 我創建了一個小例子來說明我希望它看起來像什么。 我還使用nuxt-xstate模塊。 State 機器： 可組合： 應用程序.vue： 問題是，我可以查看機器 {{state.value.value}} 的 stat ...

我可以跨文件訪問 React Query 突變的 state 嗎？

[英]Can I access the state of a React Query mutation across files?

在一個文件中，我有export const useAlertMachine = () => { const updateAlertsMutation = useUpdateAlerts(); return { updateAlertsMutation }; }; up ...

XState 在另一個文件中顯示上下文值

[英]XState display context values in another file

我正在使用 React Native 學習 XState。 我有一個表格，我想在另一個屏幕上顯示我從表格中獲取的值。 我將值傳遞給機器，但是當我想嘗試在另一個屏幕上顯示它時，上下文為空。 我怎樣才能解決這個問題？ 謝謝你。 這是我的機器文件並顯示上下文文件。 machine.js HomeScr ...

XState 機器中引用的方法在 class 中不可調用，但在聲明為全局時有效

[英]Method referenced in XState machine is not callable within class but works when declared as global

為什么我不能引用在與 XState 服務相同的 class 中聲明的方法？ 如果我將方法移到 class 之外，它可以正常工作。 導致編譯錯誤： ...

Xstate fsm typescript 與 TState 不兼容

[英]Xstate fsm typescript incompatibility for TState

我已經開始使用 xstate/fsm 並且在聲明 TState 類型時遇到了問題。 錯誤是： 如何正確定義InitState和InitEvent ？ 方法createMachine定義為： ...

fetchMachine 中服務的正確類型（xstate、typescript）

[英]Proper type for services in fetchMachine (xstate, typescript)

我開始玩 xstate 並決定開始制作一台 fetch 機器，它將負責我向服務器發出的每個請求。 我創建了一個簡單的 state 機器： 這里的主要問題是我希望這個 fetchMachine 負責具有不同返回類型的不同請求。 如您所見，我的代碼中獲取的數據類型是“任何”，我想修復它。 如果我只為一 ...

如何對 xState 中的子狀態變化做出反應

[英]How to react to a substate change in xState

我繼承了一個使用 xState 的反應項目，這對我來說是非常陌生的。 在這台機器中有一個“保存” state 有幾個子狀態。 像這樣： 在反應頁面我看到這個： 現在我想在 saving.saving (updateService) 服務完成后做點什么（只是一個 console.log 就可以了），但 ...

XState：屬性“操作”的類型不兼容

[英]XState: Types of property 'actions' are incompatible

我正在使用 Microsoft 的 FAST 框架，使用 TypeScript 編寫我的第一個 XState 驅動的應用程序。 我的states.loading.invoke.onDone.actions屬性出現編譯時錯誤，如下所示： 機器長這樣： 我的search狀態如下所示： 目前只 ...

如何先運行動作，然后有條件地以 xstate 為目標

[英]How to run action first, then conditionally target in xstate

我正在使用 xState 應用程序機器，我發現自己需要按順序做事。 下面，當我執行 NAV_OK 時，我希望它首先運行“運行搜索”操作，然后在運行后，我希望它根據某些保護/條件自動關注正確的元素。 似乎是在選擇它們。 不幸的是，我無法將操作“run_search”移動到每個目標塊中，因為我需要它在處 ...

將 XState 的 Reddit 示例從 Vue 2 升級到 Vue 3 的問題

[英]Issue upgrading XState's Reddit sample from Vue 2 to Vue 3

閱讀 XState 文檔后，我按照官方指南中的Reddit 示例進行操作，此處： https ://xstate.js.org/docs/tutorials/reddit.html 我試圖將Chris Hannaby的示例實現升級到Vue 3 ，但我做不到。 當我運行應用程序時，在從列表中選擇一 ...

使用 XState，如何訪問動作中當前狀態的名稱？

[英]Using XState, how can I access name of current state in an action?

我正在學習 XState 並希望在機器中包含一個操作，該操作只會將當前狀態記錄到控制台。 像這樣定義一個簡單的示例機器，我該怎么做？ 還要注意代碼中注釋中的問題。 我知道使用context和event作為參數調用動作，但我看不到從其中任何一個中獲取當前狀態的方法。 我在這里錯過了什么嗎？ ...

如何恢復最后一個 state（歷史節點）

[英]How to resume last state (history nodes)

我正在學習 x-state，我對它的功能不知所措，但我在理解history節點時遇到了問題。 我正在創建一個 state 應該保持機器的執行直到觸發一個動作： 因此，如果機器處於AwaitingEmployeeSignature或AwaitingOnboardingCompletion狀態，並且 ...

從“無服務器”fsm (Xstate) 調用服務

[英]Invoke a service from a "serverless" fsm (Xstate)

我在 Node.JS 后端使用 xsate。 這是當前的流程： State 被重新水化（初始化或從數據庫中獲取） 事件被發送到 FSM State 被序列化到DB 這是一些偽代碼const state = db.fetch(flowId) ?? machine.initialState; / ...

XState TypeScript - 使用解釋服務

[英]XState TypeScript - useInterprete Service

我正在使用TypeScript和xState結合React UI 構建登錄機器。 我的機器是： 在我的 React 組件中： 索引.tsx 表單.tsx 我在這里收到類型不匹配錯誤 我在這里迷路了，這個TypeScript錯誤真的想說什么。 TypeSystem 本身有問題嗎？ 或者我是否構建了錯 ...

XState React - 未觸發調用服務

[英]XState React - Invoke Service not triggered

我正在使用xstate和react來實現基本的登錄功能。 代碼在這里，我面臨的問題是，在AUTHENTICATING事件中，它意味着調用服務authenticateUser而它沒有調用。 控制台中沒有可見的錯誤。 該組件看起來像 我已經嘗試了兩種方法，我可以將 function 外部化並使用它或在 ...

在 React 中使用 XState 檢查當前機器 state 的問題

[英]Problem to check the current machine state using XState in React

我試圖從反應組件（state.value）中的 function 內部檢查機器 state，但它從不更改當前的 state，它始終打印初始 state，但如果我在組件中放置 onClick 事件並調用控制台。 log(state.value)，有效……我做錯了什么？ ...

可靠地測試動作

[英]Testing actions reliably

我正在使用 xstate 來實現登錄流程。 我有一台機器，其中 initialState 調用 Promise，如果它被拒絕，它將重定向到具有entry操作的 state。 我想測試是否在正確的時間正確調用了該操作。 機器.ts 機器.spec.ts 我通過將 expect 包裝在 setTimou ...