使用useEffect调用2个API时Redux状态被覆盖

我有2个调用不同API的操作。我在useEffect中调度这些动作。 我有2个reducer文件，每个减少文件一个，用于存储从API接收的数据。 因此，基本上，我应该能够使用useState单独访问这两个数据。 但是，第二个API的数据将覆盖第一个API的数据。我不知道该怎么办，因为它们甚至不在同一个文件中，甚至没有关联。

零件

    const items = useSelector((state) => state.lostchambers.items);
    const lostChambersItems = useSelector((state) => state.sharklostdolsea.itemsLostChamber);

  useEffect(() => {
        dispatch(fetchingLostChambers());
        dispatch(fetchSharkLostDolSea());
    }, [dispatch]);

这两个文件的操作看起来都像这样，我只在这里发布一个文件，因为它具有相同的代码

import { FETCH_POSTS } from "./type";
import axios from "../../utils/Request";

export const fetchingLostChambers = () => async (dispatch) => {
    const response = await axios.get("API");
    const { data = false, status } = response;
    if (status === 200) {
        if (data) {
            dispatch({
                type: FETCH_POSTS,
                items: data.acf,
            });
        }
    }
};

这两个动作的Reducer看起来像这样，但我只在这里发布一个文件，因为它具有相同的代码

import { FETCH_POSTS } from "../actions/lostchambers/type";

const initialState = {
    items: [],
};

export default (state = initialState, action) => {
    switch (action.type) {
        case FETCH_POSTS:
            return {
                ...state,
                ...action,
            };
        default:
            return state;
    }
};

组合减速器

import { createStore, applyMiddleware } from "redux";
import thunk from "redux-thunk";
import rootReducers from "./reducers";

const initialState = {};

const middleware = [thunk];

const store = createStore(rootReducers, initialState, applyMiddleware(...middleware));

export default store;

我在这里想念什么吗？我只是想不通这个问题，我已经尝试了四个小时。