javascript - 如何组合多个 getServerSideProps 包装器？

Question

我在我的 NextJs 应用程序中使用了两个库:next-firebase-auth 和 next-redux-wrapper。它们都需要我用它们各自的函数包装 getServerSideProps。

对于 next-firebase-auth

export const getServerSideProps = withAuthUserSSR()(async ({ AuthUser }) => {
    // Some code
})

对于 next-redux-wrapper

export const getServerSideProps = wrapper.getServerSideProps(
    ({store}) => {
        // Some code
    }
);

两者都单独工作，但我无法让两者同时工作。 NextJs 只允许声明一次getServerSideProps。是否有可能以某种方式组合多个包装器？

Answer 1

您可以一个接一个地链接包装器。内部函数将包含他们两个传递的附加 Prop 。

export const getServerSideProps = withAuthUserSSR()(wrapper.getServerSideProps(
    ({ AuthUser, store, res, req }) => {
        // `getServerSideProps` code here
    }
))

---

从 next-redux-wrapper v7 开始，wrapper.getServerSideProps 签名已更改。

export const getServerSideProps = withAuthUserSSR()(wrapper.getServerSideProps(
    (store) => async ({ AuthUser, res, req }) => {
        // `getServerSideProps` code here
    }
))