Не удалось найти «store» ни в контексте, ни в «Connect (App)».

Question

Я новичок в React Js.Все работает нормально, пока я не пытаюсь сделать действия создателя в ReactJs.

Я знаю, что есть другие вопросы (посты), связанные с заголовком, но я не могу найти, чтобы решить мою проблему.Пожалуйста, помогите мне!

Вот мой index.js

import 'materialize-css/dist/css/materialize.min.css';
import React from 'react';
import ReactDOM from 'react-dom';
import { provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import reduxThunk from 'redux-thunk';

import App from './components/App';
import reducers from './reducers';
import connect from 'react-redux/lib/connect/connect';

// create reducer
const store = createStore(reducers, {}, applyMiddleware(reduxThunk));

// Render the App in the HTML root element which is inside public foler
ReactDOM.render(
    //Provier is to handle redux store actions
    <provider store = { store }><App/></provider> ,
    document.querySelector('#root')
);

Вот мой App.Js

import React,{ Component } from 'react';
import { BrowserRouter, Route} from 'react-router-dom';
import { connect } from 'react-redux';
import * as actions from '../actions';

import Header from './Header';
const dashboard = () => <h2>DashBoard</h2>
const surveyNew = () => <h2>SurveyNew</h2>
const landing = () => <h2>Landing</h2>

class App extends Component {

    //Call Action Creaters before View is Up
    componentDidMount() {
        this.props.fetchUser();
    }

    render () {
        return (
            <div className="container">
                <BrowserRouter>
                   <div>
                       <Header/>
                       <Route exact path="/" component = {landing} />
                       <Route exact path = "/surveys" component = {dashboard}/>
                       <Route path = "/surveys/new" component = {surveyNew} />
                   </div>
                </BrowserRouter>
            </div>
        );
    }
};

export default connect(null, actions)(App);

Любая помощь будет оценена, господа.Спасибо

Answer 1

Это с большой буквы "p" в "Поставщик".Попробуйте вот так:

import { Provider } from 'react-redux';
...
<Provider store={store}><App/></Provider> ,