我使用Redux Toolkit（RTK）Query进行API调用，使用RTK进行状态管理。我面临的问题是，每次登录时，我从后端获得的用户信息不会从localStorage自动更新，并且需要在userSlice中访问数据之前刷新一次。我使用extraReducers自动从userLogin端点获取数据并将其存储在localStorage中。我再次访问localStorage数据并将其作为userSlice的初始状态提供。
这是我的User Slice。

import { createSlice } from "@reduxjs/toolkit";
import Apiservice from "../service/apiService";

const initialState = {
  userInfo: localStorage.getItem("userInfo")
    ? JSON.parse(localStorage.getItem("userInfo"))
    : null,
};

const userSlice = createSlice({
  name: "userSlice",
  initialState,
  reducers: {},
  extraReducers: (builder) => {
    builder.addMatcher(
      Apiservice.endpoints.userLogin.matchFulfilled,
      (state, action) => {
        localStorage.setItem("userInfo", JSON.stringify(action.payload));
      }
    );

    builder.addMatcher(
      Apiservice.endpoints.getMyDetails.matchFulfilled,
      (state, action) => {
        localStorage.setItem("userInfo", JSON.stringify(action.payload));
      }
    );
  },
});

export const {} = userSlice.actions;

export default userSlice.reducer;

这是Login组件，我需要手动调用window.location.reload()-不这样做将不会给我从userSlice的userInfo数据。

const Login = () => {
  const [showPass, setShowPass] = useState(false);
  const [showPass1, setShowPass1] = useState(false);

  const {
    control,
    watch,
    register,
    handleSubmit,
    formState: { errors },
  } = useForm({
    defaultValues: {
      email: "",
      password: "",
    },
  });
  const toast = useToast();
  const navigate = useNavigate();

  const email = watch("email");
  const password = watch("password");

  const [userLogin, { isLoading, isError, isSuccess, error, data }] =
    useUserLoginMutation();

  useEffect(() => {
    if (isSuccess) {
      toast({
        title: "Login Successful.",
        status: "success",
        duration: 9000,
        isClosable: true,
      });
      navigate("/");
      window.location.reload();
    }
    if (isError) {
      toast({
        title: error?.data?.message,
        status: "error",
        duration: 5000,
        isClosable: true,
      });
    }
  }, [isSuccess, toast, navigate, isError, error?.data]);

  const onSubmit = (data) => {
    userLogin(data);
  };

  ...

当我第一次登录userInfo时，我使用useSelector获得的数据是空的，一旦刷新，就会用localStorage数据填充。
我假设redux store存储/检索信息的方式是异步的，但我对应该采用哪种方法感到困惑。还有，当有一个api调用更新用户信息时该怎么办？我也应该在每次发生这种情况时刷新吗？