反应错误：“在...的上下文中找不到'商店'”

debugcn 发表于 Dev

菲兹

运行我的应用程序时，我收到以下错误消息：

在“ Connect（Booklist）”的上下文中找不到“ store”。将根组件包装在中，或者将自定义React上下文提供程序传递给connect选项中的Connect（Booklist）并将相应的React上下文使用者传递给Connect（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;

book-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;

Lakerskill

您是否正在将应用包装在商店中？

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。