小编ctr*_*eon的帖子

使用 Redux Toolkit,如何从非 React 文件访问存储?

我想做什么?

使用 Redux Toolkit,我尝试从名为 的非 React 文件访问值的“存储”,特别是我为其创建“切片”的“用户名” SomeFile.js

目前尝试执行此操作的代码是什么?

// userMetadataSlice.js

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

const initialState = {
  username: "",
};

const userMetadataSlice = createSlice({
  name: "userMetadata",
  initialState,
  reducers: {
    updateUsername: (state, action) => {
      const username = action.payload;
      state.username = username;
    },
  },
});

export const { updateUsername } = userMetadataSlice.actions;

export default userMetadataSlice.reducer;

export const selectUsername = (state) => {
  return state.userMetadata.username;
}
Run Code Online (Sandbox Code Playgroud)
// SomeFile.js

import { selectUsername } from "../redux/userMetadataSlice";
import { useSelector …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-redux react-hooks redux-toolkit

8
推荐指数
1
解决办法
1万
查看次数