简体   繁体   English

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

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

I'm started to learn react and Redux, and I'm trying to apply it.我开始学习react和Redux,我正在尝试应用它。 I have this error: TypeError: store.getState is not a function:我有这个错误: TypeError: store.getState is not a function:

Thank you for your support and help.感谢您的支持和帮助。

App.JS应用程序.JS

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

export default App;

INDEX.JS索引.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')
);


One componenet一个组件

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;


the reducer减速机

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;


Where I'm going to combine my reducers, the root reducer我将在哪里组合我的减速器,根减速器


import { combineReducers } from 'redux';

const rootReducer = combineReducers({
    homePageDescriptionReducer,
})

export default rootReducer;


the storeJS商店JS

import {createStore} from 'redux';

import rootReducer from './root-reducer'

 const store = createStore(rootReducer);

export default {store};

If you have any suggestion or advice about this skeleton of code, don't hesitate to tell me to.如果您对此代码框架有任何建议或建议,请随时告诉我。

Thank you for your support and help.感谢您的支持和帮助。

You are exporting the store:您正在导出商店:

export default {store};

You need to import it:您需要导入它:

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM