问题[redux]

我需要向服务器发出两个连续请求：
getAllPersons，然后是 getPersonsForSelect。

当应用程序加载时，这些请求应该发送到服务器，我使用 useEffect 使它们：

  useEffect(() => {
    dispatch(getAllPersons(mainPersonId))
    dispatch(getPersonsForSelect(processName))
  },[])

  const allbossPerson = useSelector(store => { return store.persons.allbossPerson })
  const personsForSelect = useSelector(store => { return store.persons.personsForSelect })

问题是使用 console.log() 我得到每台服务器的两次点击，即 共 4 个：

import {
    GET_ALL_PERSONS,
    GET_PERSONS_FOR_SELECT
} from "../types/person"

const initialState = {
    allbossPerson: [],
    personsForSelect: []
}

export const persons = (state = initialState, action) => {
    switch (action.type) {
        case GET_ALL_PERSONS:
            console.log('GET_ALL_PERSONS')
            const allPersons = action.allPersons.slice();
            return {
                ...state,
                allbossPerson: allPersons
            }
        case GET_PERSONS_FOR_SELECT:
            console.log('GET_PERSONS_FOR_SELECT')
            const personsForSelect = action.personsForSelect.slice();
            return {
                ...state,
                personsForSelect: personsForSelect
            }
            default:
                return state
    }
}

那些。在控制台中，我有这张图片：

GET_PERSONS_FOR_SELECT
2personReducer.js:14 GET_ALL_PERSONS
personReducer.js:21 GET_PERSONS_FOR_SELECT

我究竟做错了什么？为什么他们被调用了 2 次？

我这样连接：

import '../styles/styles.sass';
import type { AppProps } from 'next/app';
import { applyMiddleware, createStore } from 'redux';
import allReducers from '../redux/allReducers';
import { Provider, useDispatch } from 'react-redux';
import thunk from 'redux-thunk';
import { composeWithDevTools } from 'redux-devtools-extension';
import React from 'react';
import { useRouter } from 'next/router';
import { auth } from '../actions/userActions';
import { IMessage } from '../interfaces';

const store = createStore(allReducers, composeWithDevTools(applyMiddleware(thunk)));

const MyApp = ({ Component, pageProps }: AppProps) => {
    const router = useRouter();
    const dispatch = useDispatch();
    const [message, setMessage] = React.useState<IMessage>({
        type: "", text: ""
    });
    const [load, setLoad] = React.useState(true);

    React.useEffect(() => {
        dispatch(auth(router, setMessage, setLoad));
        // eslint-disable-next-line
    }, [router]);

    return (
        <Provider store={store}>
            <Component {...pageProps} />
        </Provider>
    )
}

export default MyApp

错误：

Error: could not find react-redux context value; please ensure the component is wrapped in a <Provider>

如何更新嵌套的减速器的状态，如下所示：

const initialState = {

    filter_models: {

        adventure_state: null,

        type_id: null,

        bodies: [],

        brands: [],

        models: []

    }
}

如何设置减速器的初始状态？

我不知道为什么returnSlidesReducer()函数被执行了两次。我正在使用redux。

我的 slides.js减速器（读取 json 文件并将数据发送到存储）：

import jsonFile from '../sliderContent.json';

const returnSlidesReducer = (slidesContent) => {
    console.log(slidesContent);
    return slidesContent;
}

returnSlidesReducer(jsonFile);

export default returnSlidesReducer;

我的index.js：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import {createStore} from 'redux';
//import allReducers from './reducers';
import SlidesReducer from './reducers/slides';

const store = createStore(SlidesReducer);

ReactDOM.render(
    <App />, 
    document.getElementById('root')
);

在控制台中我得到

1. {滑块：数组（3）}
2. 不明确的

结果，未定义的值进入商店。