Redux/Toolkits，useSelector 不起作用，为什么？

Question

I want to save my data in localstorage to evade the loss of it when reloading the page but i also need it in my gloable state to show a preview of it once it's added and never be lost when reloading the page,This is my slice format:

    import { createSlice } from "@reduxjs/toolkit";

export const resumeSlicer = createSlice({
  name: "resume",
  initialState: {
    Education: [
      {
        key: NaN,
        Title: "",
        Date: "",
        Establishment: "",
        Place: "",
      },
    ],
  },
  reducers: {
    SaveEducation: (state, action) => {
      let Education = JSON.parse(localStorage.getItem("Education"));
      if (!Education) {
        Education.push(action.payload);
        localStorage.setItem("Education", JSON.stringify(Education));
        state.Education = Education;
      } else {
        Education.push(action.payload);
        let i = 0;
        Education.map((e) => {
          e.key = i;
          i++;
          return e.key;
        });
        localStorage.setItem("Education", JSON.stringify(Education));
        state.Education = Education;
      }
    },
    getEducation: (state, action) => {
      const items = JSON.parse(localStorage.getItem("Education"));

      const empty_array = [
        {
          key: NaN,
          Title: "",
          Date: "",
          Establishment: "",
          Place: "",
        },
      ];

      state.Education.splice(0, state.Education.length);

      state.Education = items;
    },
  },
});

And this is how i fetched:

const EdList = useSelector((state) => state.Education);

When i console.log it the result is "undefined"

Image Preview
https://i.stack.imgur.com/hD8bx.png

Answer 1

我猜测问题是缺少对状态的引用。状态块通常嵌套在您为切片指定的名称下，在本例中为 "resume"。当您在为商店创建状态对象时组合切片缩减器时会发生这种情况。

尝试：

const EdList = useSelector((state) => state.resume.Education);

如果事实并非如此，那么我们将需要了解您如何 create/configure 商店以及如何组合您的减速器。

Redux/Toolkits，useSelector 不起作用，为什么？

Redux/Toolkits, useSelector Doesn't Work, Why?

reactjs

react-hooks

redux-toolkit