繁体   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