在我的 Next js 项目中,我使用了 Next auth,其中 import {Provider} from 'next-auth/client'
, 并包裹 <Component />
在 _app.js 中。
但是,与此同时,我想在项目中添加redux。它会import {Provider} from 'react-redux'
, 并且需要包裹 <Component />
在 _app.js 中也是。
所以在这种情况下,他们使用相同的 Provider
,我尝试过导入破坏,但它给我带来了一个 Synatx 错误 Syntax error: ES2015 named imports do not destructure. Use another statement for destructuring after the import.
.那我该怎么办?
import { Provider } from "next-auth/client";
function MyApp({ Component, pageProps }) {
return (
<>
<Provider
options={{
clientMaxAge: 0,
keepAlive: 0,
}}
session={pageProps.session}
>
<Component {...pageProps} />
</Provider>
</>
);
}
最佳答案
您可以重命名解构的导入。所以你的代码可能看起来像这样:
import { Provider } from "next-auth/client";
import { Provider as ReduxProvider } from "react-redux";
function MyApp({ Component, pageProps }) {
return (
<ReduxProvider {/* whatever props go here */}>
<Provider
options={{
clientMaxAge: 0,
keepAlive: 0,
}}
session={pageProps.session}
>
<Component {...pageProps} />
</Provider>
</>
);
}
关于javascript - 下一个 js : next auth provider + redux provider,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66287370/