簡體   English   中英

反應 Redux:TypeError:store.getState 不是 function

[英]React Redux : TypeError: store.getState is not a function

我開始學習react和Redux,我正在嘗試應用它。 我有這個錯誤: TypeError: store.getState is not a function:

感謝您的支持和幫助。

應用程序.JS

function App() {
    return (
        <div className="App">
            <CustomButtonComponent/>
            <MissionDescriptionHomepageComponent/>
        </div>
    );
}

export default App;

索引.JS


import {Provider} from 'react-redux'
import store from './redux/store';

ReactDOM.render(
    <React.StrictMode>
        <Provider store={store}>
                <App/>
        </Provider>
    </React.StrictMode>,
    document.getElementById('root')
);


一個組件

import {useSelector} from "react-redux";

function MissionDescriptionHomepageComponent(props) {

    const {title, description} = useSelector(state => ({
        ...state.homePageDescriptionReducer,
    }))

    return (
        <div>
            <h2>{title}</h2>
            <p>{description}</p>

        </div>
    );
}


export default MissionDescriptionHomepageComponent;


減速機

homePageDescriptionReducer

const INITIAL_STATE = {
    sections: [
        {
            title: 'Le titre du bloc',
            description: 'La description de la mission'
        }
    ]
}

const homePageDescriptionReducer = (state = INITIAL_STATE, action) => {
    switch (action.type) {
        default:
            return state;
    }
}

export default homePageDescriptionReducer;


我將在哪里組合我的減速器,根減速器


import { combineReducers } from 'redux';

const rootReducer = combineReducers({
    homePageDescriptionReducer,
})

export default rootReducer;


商店JS

import {createStore} from 'redux';

import rootReducer from './root-reducer'

 const store = createStore(rootReducer);

export default {store};

如果您對此代碼框架有任何建議或建議,請隨時告訴我。

感謝您的支持和幫助。

您正在導出商店:

export default {store};

您需要導入它:

import {store} from './redux/store';

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM