Javascript redux中的问题，一旦创建redux应用程序

//添加了action.js：-

import {combineReducers} from 'redux';
export default combineReducers({     
})

//添加了index.js：-

    export const helloRedux= () =>(dispatch:any)=>{
        alert("Heloo Redux")
    }

从“React”导入React；
从“react dom”导入react dom；
导入“./index.css”；
从“./App”导入应用程序；
将*作为serviceWorker从“/serviceWorker”导入；
从'react redux'导入{Provider}；
从“redux”导入{createStore，applyMiddleware}；
从“redux thunk”导入redux thunk；
从“/rootReducer”导入rootReducer；
const store=createStore（rootReducer、applyMiddleware（ReduxThunk））
常量MyAppWithStore=（）=>(
);
ReactDOM.render（，document.getElementById（'root'））；
serviceWorker.unregister（）；

//添加home.js：-

    import React from 'react';
    import ReactDOM from 'react-dom';
    import './index.css';
    import App from './App';
    import * as serviceWorker from './serviceWorker';


    import { Provider} from 'react-redux';
    import { createStore, applyMiddleware} from 'redux';
    import  ReduxThunk from 'redux-thunk';
    import  rootReducer from './rootReducer';
    const store = createStore(rootReducer, applyMiddleware(ReduxThunk))


    const MyAppWithStore = () => (
      <Provider store={store}>
        <App />
      </Provider>
    );

    ReactDOM.render(<MyAppWithStore />, document.getElementById('root'));
    serviceWorker.unregister();

import React，{Component}来自“React”
从“react redux”导入{connect}
从“../services/action”导入{helloRedux}
类Home扩展组件{
render（）{
console.log（this.props）
返回(
主分量
this.props.helloRedux（）}>单击我
{/*this.helloRedux（）}>单击我*/}
);
}
}
常量MapDispachToProps=dispach=>({
helloRedux:（）=>dispach（helloRedux（））
})
常量mapStateToProps=状态=>{
{
}
}
const HomeCom=connect(
MapStateTops，
MapDispachToProps
)（家）
导出默认HomeCom；
//app.js
从“React”导入React；
从“/logo.svg”导入徽标；
导入“/App.css”；
从“./component/Home”导入主页
函数App（）{
返回(
{/*  */}
);
}
导出默认应用程序；
//创建action.js后，rootReducer调用index.js中的所有内容，但在同一个页面上出现问题。。
//获取问题：-
错误：在“连接（主）”的上下文中找不到“存储”。将根组件包装在中，或在“连接选项”中将自定义的React上下文提供程序传递给和相应的React上下文使用者以连接（主）。

const-mapStateToProps=state=>{{}

这段代码是错误的，因为缺少return语句。顺便说一下，它没有用，因为你没有在里面插入任何东西。请你也发布app.js的代码好吗？添加了app.js…你还没有发布你的“真实”代码。如果您需要演示您的实际问题，请查看此分叉并更新它。

const-mapStateToProps=state=>{{}

此代码段错误，因为缺少返回语句。顺便说一下，它没有用，因为你没有在里面插入任何东西。请你也发布app.js的代码好吗？添加了app.js…你还没有发布你的“真实”代码。看看这个fork-it，如果您需要演示您的实际问题，请更新它。

    import React from 'react';
    import ReactDOM from 'react-dom';
    import './index.css';
    import App from './App';
    import * as serviceWorker from './serviceWorker';


    import { Provider} from 'react-redux';
    import { createStore, applyMiddleware} from 'redux';
    import  ReduxThunk from 'redux-thunk';
    import  rootReducer from './rootReducer';
    const store = createStore(rootReducer, applyMiddleware(ReduxThunk))


    const MyAppWithStore = () => (
      <Provider store={store}>
        <App />
      </Provider>
    );

    ReactDOM.render(<MyAppWithStore />, document.getElementById('root'));
    serviceWorker.unregister();

    import React, { Component } from 'react'
    import { connect } from 'react-redux'
    import { helloRedux } from '../services/action'
     class Home extends Component {
        render() {
            console.log(this.props)
            return (
                <div>
                    <h1>home Component</h1>
                    <button onClick = {() => this.props.helloRedux()}>Click Me</button>
                    {/* <button onClick = {() => this.helloRedux()}>Click Me</button> */}
                </div>
            );
        }
    }
    const MapDispachToProps = dispach =>({
        helloRedux:()=> dispach(helloRedux())
    })

    const mapStateToProps= state=> {
        {

        }
    }
    const HomeCom =connect(
        mapStateToProps, 
        MapDispachToProps
        )(Home)
    export default HomeCom;


  //app.js

import React from 'react';
import logo from './logo.svg';
import './App.css';
import Home  from './component/home'
function App() {
  return (
    <div className="App">

      <header className="App-header">
        {/* <img src={logo} className="App-logo" alt="logo" /> */}
        <Home />
      </header>
    </div>
  );
}

export default App;



//created action.js,rootReducer called everything in index.js but having issue on same.. 

//getting issue:-

Error: Could not find "store" in the context of "Connect(Home)". Either wrap the root component in a <Provider>, or pass a custom React context provider to <Provider> and the corresponding React context consumer to Connect(Home) in connect options.