我正在尝试在 Next.js 项目中实现 redux-toolkit,同时又不会失去从外部 API 获取数据的 SSR 选项。我遵循了 next.js GitHub 中的示例,但这样做导致在我的 redux 切片中获取数据时没有 SSR。我想知道如何获取数据并将该数据保存在 Redux 状态中。这就是我写的:这是 store.js 文件
export const store = configureStore({
reducer: {
users: usersReducer,
},
});
Run Code Online (Sandbox Code Playgroud)
_app.js 文件
import { Provider } from 'react-redux';
import { store } from '../app/store';
const MyApp = ({ Component, pageProps }) => {
return (
<Provider store={store}>
<Component {...pageProps} />
</Provider>
);
};
export default MyApp;
Run Code Online (Sandbox Code Playgroud)
usersSlice.js 文件
import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
const initialState = {
items: null, …Run Code Online (Sandbox Code Playgroud)