如何解决在多个提供程序中包装 _app.js (Next/React)
我想知道是否有可能以及如何在 Redux 提供程序中包装我的顶级页面 _app.js
考虑到我已经使用 Next-auth 提供程序包装了它,例如:
import React from "react"
import { Provider } from 'next-auth/client'
import '../public/global.scss'
export default function App ({ Component,pageProps }) {
return (
<Provider
options={{
clientMaxAge: 0,keepAlive: 5 * 60
}}
session={pageProps.session} >
<Component {...pageProps} />
</Provider>
)
}
问题是,当我尝试添加 Reduct <Provider ..
时,它说“Provider”已定义。
解决方法
您可以使用 as
重命名名为 import 的 redux 提供程序。
import React from "react"
import { Provider as NextAuthProvider } from 'next-auth/client'
import { Provider as ReduxProvider } from 'react-redux'
import '../public/global.scss'
export default function App ({ Component,pageProps }) {
return (
<ReduxProvider>
<NextAuthProvider
options={{
clientMaxAge: 0,keepAlive: 5 * 60
}}
session={pageProps.session} >
<Component {...pageProps} />
</NextAuthProvider>
</ReduxProvider>
)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。