проблема в redux, после создания приложения redux - PullRequest
1 голос
/ 27 мая 2020
//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.

// добавлен rootReducer. js: -

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

// добавлено действие. js: -

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

// добавлен индекс. 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();

// добавлен дом. js: -

    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.
...