Rxjs / Reactive Programming / redux observable 中的全局變量使用

Question

假設我正在編寫 rxjs 史詩，如下所示：

const epic = (action$) => {
   const id = nanoid(); # function that generate uuid

   return action$.pipe(
       switchMap(action => doApiCall(id)).pipe(
           map(response => response.data)
           map(response => addToast(id)),
           catchError(error => addErrorToast(id))
       )
   )
}

由於此史詩將鏈接到史詩中間件中，因此每次發出事件時都不會生成 uuid

如何在事件發出時生成 nanoid 事件並將其傳遞給響應和錯誤捕獲塊

謝謝 ！

Answer 1

不確定我是否理解這個問題，但是如果您想要每次action$發出時 id 的新值，您可以這樣做：

const epic = (action$) => {


  return action$.pipe(
        switchMap(action => {
            const id = nanoid(); // function that generate uuid
            return doApiCall(id).pipe(
                map(response => response.data),
                map(response => addToast(id)),
                catchError(error => addErrorToast(id))
            )
        })
    )
}