错误：操作必须是普通对象。 使用自定义中间件进行异步操作。 (Redux ReactJS)

Question

当我调度减速器时，我收到以下错误，在这种情况下是suggestionClicked 。

该错误似乎是api.js中的原因，它是一个与后端通信的 Redux 中间件，在这种情况下， suggestionClicked Clicked 不需要 API，所以调用next(action)跳过它。

这是发生错误的地方，它以前工作得很好，我不记得做过任何更改，所以我真的不确定是什么导致了这个问题。

我记录了action ，它是undefined 。

错误：

Uncaught (in promise) Error: Actions must be plain objects. Use custom middleware for async actions.
    at <anonymous>:9307:28
    at R (<anonymous>:9330:8)
    at t (<anonymous>:9540:29)
    at Object.dispatch (api.js:17:1)
    at Object.dispatch (<anonymous>:10607:80)
    at Object.Search.handleClick (Search.jsx:69:1)
    at onClick (Suggestions.jsx:13:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3945:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994:1)
    at invokeGuardedCallback (react-dom.development.js:4056:1)

---

configureStore.js

const reducer = combineReducers({
  authenticator,
  alert,
  search,
  body,
});
const store = configureStore({
  reducer,
  middleware: (getDefaultMiddleware) => [...getDefaultMiddleware(), api],
});

export default store;

---

api.js

const api = (store) => (next) => async (action) => {
  console.log({ action });

  if (action && action.type !== partnerApiStart.type) {
    return next(action);
  }
  next(action);

  // axios api call...
}

如果在if语句中没有action && ，我会收到此错误：

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'type')

---

搜索.js

const slice = createSlice({
  name: "Search",
  initialState: {
    // Search Input field
    query: "",

    // Used for auto-complete
    appended: 0,
    // Display loader
    loading: false,

    // Wiggle the magnifier glass
    wiggle: false,

    // Suggestions list
    suggestions: {
      show: false,
      list: null,
    },
    // Main container
    body: {
      search: null,
    },
  },
  reducers: {
    suggestionClicked: (search, action) => {
      // Hide loader
      search.loading = false;
      // Hide the suggestions box
      search.suggestions.show = false;
      //console.log("clicked - " + action.pass);
      // search.query = action.pass.raw;
      // search.suggestions.list = null;
    },
    // Show the suggestions box
    suggestionShow: (search) => {
      search.suggestions.show = true;
    },
    // Hide the suggestions box
    suggestionHide: (search) => {
      search.suggestions.show = false;
    },

  },
});

export const {
  suggestionClicked,
  suggestionShow,
  suggestionHide,
} = slice.actions;

export default slice.reducer;