我刚刚切换到下一个v13,我试图实现redux,但我一直得到这个上下文错误,我做错了什么?我应该怎么做?

r8uurelv  于 2023-01-21  发布在  其他
关注(0)|答案(1)|浏览(80)

我想创建一个游戏,并在redux商店中记录用户的生命。所以我创建了一个生命切片,如下所示:

export const lifeslice = createSlice({
  name: "life",
  initialState: {
    life: 5,
  },

  reducers: {
    increment: (state) => {
      state.life += 1;
    },

    decrement: (state) => {
      state.life -= 1;
    },
  },
});

export const { increment, decrement } = lifeslice.actions;

export default lifeslice.reducer;

在我的/app/layout. js中,这是我设置提供程序的方式

import "./global.css";
import { Provider } from "react-redux";
import store from "../redux/store";
export default function RootLayout({ children }) {
  return (
    <html>
      <head />

      <body>
        <Provider store={store}>{children}</Provider>
      </body>
    </html>
  );
}

这是错误x1c 0d1x

uajslkp6

uajslkp61#

在代码的顶部添加“使用客户端”是有效的

"use client"
import "./global.css";
import { Provider } from "react-redux";
import store from "../redux/store";
export default function RootLayout({ children }) {
  return (
    <html>
      <head />

      <body>
        <Provider store={store}>{children}</Provider>
      </body>
    </html>
  );
}

相关问题