Реагировать на ошибку: «не удалось найти« магазин »в контексте ...»

Question

Я получаю это сообщение об ошибке при запуске приложения реакции:

Не удалось найти «store» в контексте «Connect (Booklist)». Или обернуть корневой компонент в или передать пользовательский React поставщик контекста и соответствующий контекст React Потребитель для подключения (Booklist) в настройках подключения.

Я использую Create React App и пытаюсь создать приложение, в котором перечислены некоторые детали.

См. Код ниже:

app.js

import React, { Component } from 'react';
import './App.css';
import Booklist from './container/book-list';

class App extends Component {
  render() {
    return (
      <div className="App">
        <Booklist />
      </div>
    );
  }
}

export default App;

книга-list.js

import React, {Component} from 'react';
import { connect } from 'react-redux';

class Booklist extends Component{  
    renderList(){
        return this.props.books.map((book) =>{
            return(
                <li key={book.title}>{book.title}</li>
            );
        }
        );
    }
    render(){
        return this.props.books.map((book) =>{
            return(
                <ul>{this.renderList()}</ul>
            );
        }
        );
    }
}
function mapStateToProps(state){
    return {
        books: state.books
    }
}
export default connect (mapStateToProps)(Booklist);

books_reducer.js

export default function(){
    return[
        {title: booke1},
        {title: booke2},
        {title: booke3},
        {title: booke3}
    ]
}

index.js в редукторе

import {combineReducers} from redux;
import booksReducer from './books_reducer'
const rootReducer = combineReducers({
    books: booksReducer
}); 

export default booksReducer;

Answer 1

Вы упаковываете свое приложение в своем магазине?

import { Provider } from 'react-redux';
const store = createStore(
    combineReducers({
        books: booksReducer
    });
)
<Provider store={store}>
            <App />
        </Provider>