Reactjs &引用；找不到“；商店「；在上下文或道具中”；I'；我在尝试简单react redux代码时遇到此错误

这是我的书单容器

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(
      <ul>
       {this.renderList()}
      </ul>
    )
  }
} 

function mapStateToProps(state){
  return{
    books : state.books
  };    
}

export default connect(mapStateToProps)(BookList); 

这是我的主index.js文件，它在

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/app';
import './index.css';

ReactDOM.render(
   <App />,
  document.getElementById('root')
);

---

请告诉我哪里错了。

创建一个

商店

，并将您的组件封装在

提供商

中

import {createStore} from 'redux';
import { Provider } from 'react-redux'
import RootReducer form '/path/to/rootreducer';
import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/app';
import './index.css';
const store = createStore(RootReducer);

ReactDOM.render(
   <Provider store={store}>
       <App />
   </Provider>,
  document.getElementById('root')
);

从'redux'导入{createStore}；
从“react redux”导入{Provider}
导入RootReducer表单'/path/到/RootReducer'；
从“React”导入React；
从“react dom”导入react dom；
从“./components/App”导入应用程序；
导入“./index.css”；
const store=createStore（RootReducer）；
ReactDOM.render(
,
document.getElementById（'root'））
);

我想，你忘了指定

提供者存储={store}

，加上它会工作，检查这个以供参考：是否也有必要在

构造函数（）中调用
超级（道具）
，以便从Redux存储访问
书籍
的状态？好的@MayankShukla，但是我应该在哪里添加呢？您需要在
提供者
中呈现
应用程序
，请检查此链接：@MayankShukla，好的。我将查看链接。很高兴能帮助：）
import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/app';
import './index.css';

ReactDOM.render(
   <App />,
  document.getElementById('root')
);

export default function () {
  return [
    {title: 'AAA1'},
    {title: 'BBB2'},
    {title: 'CCC3'},
    {title: 'DDD4'},
  ]
}

import {createStore} from 'redux';
import { Provider } from 'react-redux'
import RootReducer form '/path/to/rootreducer';
import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/app';
import './index.css';
const store = createStore(RootReducer);

ReactDOM.render(
   <Provider store={store}>
       <App />
   </Provider>,
  document.getElementById('root')
);