（Redux工具包）如何访问CreatesLice之外的状态

Question

在我的项目中，我想在slice.js中放置尽可能多的逻辑和功能。有时我想创建或导出createSlice之外的功能

const checkValid = () => {
   ```need to access the current state to check for validation```
}

export const boardSlice = createSlice({
    name: 'board',
    initialState,
    reducers: {
       check: (state, actions) => {
         checkValid(actions.payload);
       }
    }
});

：解决方案是在降低器中直接将状态与action.payload一起传递。但是有更好或官方的方法吗？另外，将与逻辑放在切片中一样好吗？非常感谢。

Answer 1

让我与您分享使用的方法，希望它有助于

mport { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
import authService from "Services/authService";
import { logOutUser } from "Services/userServices";

const user = JSON.parse(localStorage.getItem("user"));

const initialState = {
  user: user ? user : null,
  isError: false,
  isSuccess: false,
  isLoading: false,
  message: "",
};

// Register user
export const register = createAsyncThunk("user/register", async (user, thunkAPI) => {
  try {
    return await authService.register(user);
  } catch (error) {
    const message =
      (error.response && error.response.data && error.response.data.message) || error.message || error.toString();
    return thunkAPI.rejectWithValue(message);
  }
});

// Login user
export const login = createAsyncThunk("user/login", async (user, thunkAPI) => {
  try {
    const { username, password } = user;
    const res = await authService.loginUser(username, password);
    return res;
  } catch (error) {
    const message =
      (error.response && error.response.data && error.response.data.message) || error.message || error.toString();
    return thunkAPI.rejectWithValue(message);
  }
});

export const logout = createAsyncThunk("user/logout", async () => {
  try {
    return await logOutUser();
    return res;
  } catch (error) {
    const message =
      (error.response && error.response.data && error.response.data.message) || error.message || error.toString();
    return thunkAPI.rejectWithValue(message);
  }
});

export const userSlice = createSlice({
  name: "user",
  initialState,
  reducers: {
    reset: (state) => {
      state.isLoading = false;
      state.isSuccess = false;
      state.isError = false;
      state.message = "";
    },
  },
  extraReducers: (builder) => {
    builder
      .addCase(register.pending, (state) => {
        state.isLoading = true;
      })
      .addCase(register.fulfilled, (state, action) => {
        state.isLoading = false;
        state.isSuccess = true;
        state.user = action.payload;
      })
      .addCase(register.rejected, (state, action) => {
        state.isLoading = false;
        state.isError = true;
        state.message = action.payload;
        state.user = null;
      })
      .addCase(login.pending, (state) => {
        state.isLoading = true;
      })
      .addCase(login.fulfilled, (state, action) => {
        state.isLoading = false;
        state.isSuccess = true;
        state.user = action.payload;
      })
      .addCase(login.rejected, (state, action) => {
        state.isLoading = false;
        state.isError = true;
        state.message = action.payload;
        state.user = null;
      })
      .addCase(logout.fulfilled, (state) => {
        state.isSuccess = true;
        localStorage.removeItem("token");
        localStorage.removeItem("user");
        state.user = null;
      });
  },
});

export const { reset } = userSlice.actions;
export default userSlice.reducer;

更​​多地使用额外的还原器
结帐此 https://www.youtube.com/watch?v