如何在不同文件中的史詩之間共享變量？

Question

我在我的nextjs Web 應用程序中使用redux-observable 。 有一個變量必須在epic1設置並稍后在epic2訪問：

let sharedVariable;

const epic1 = (action$, state$) => {
    return action$.pipe(
        // check if the dispatched action is of type action1
        filter(action1.match),
        tap((action) => {
            // create a new instance of A and assign
            // it to sharedVariable
            if (!sharedVariable) {
                sharedVariable = new A();
            }
        }),
        mergeMap((action) => {
            ...
        }),
    )
}

const epic2 = (action$, state$) => {
    return action$.pipe(
        // check if the dispatched action is of type action2
        filter(action2.match),
        map((action) => {
            if (sharedVariable) {
                return action3();
            } else {
                return action4();
            }
        }),
    )
}

我想將史詩放在不同的文件中： epics1.js和epics2.js

當史詩位於不同的文件時，我應該如何啟用它們來設置和訪問sharedVariable ？

提前致謝！

Answer 1

聽起來像是 DI 的好案例： docs

const sharedVariable = {} // can not be primitive type
const epicMiddleware = createEpicMiddleware({
  dependencies: { sharedVariable }
});

const epic2 = (action$, state$, { sharedVariable }) => {
 // Rest of code
}