小编yal*_*imi的帖子

如何实现redux-toolkit和next,js并且不丢失SSR

我正在尝试在 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)

reactjs redux server-side-rendering next.js

8
推荐指数
0
解决办法
3360
查看次数

标签 统计

next.js ×1

reactjs ×1

redux ×1

server-side-rendering ×1