old_contents: import React, { Component } from 'react';
  import { connect } from 'react-redux';
  import { selectBook } from '../actions/index';
  import { bingActionCreators } from 'redux';
  
  
  
  class BookList extends Component {
      renderList() {
          return this.props.books.map((book) => {
              return (
              <li key={book.title} className="list-group-item">{book.title}</li>
              );
          });
      }
      
      render() {
          return (
              <ul className="list-group col-sm-4">
                  {this.renderList()}
              </ul>
          )
      }
  }
  
  function mapStateToProps(state) {
      // Whatever is returned from here
      // shows up as props inside of BookList
      return {
          books: state.books
      };
  }
  
  // Anything returned from teh function will end up as props
  // on the BookList container
  
  function mapDispatchToProps(dispatch) {
      // Whenever selectBook is called, the result should be passed 
      // to all of our reducers
  
      return bingActionCreators({ selectBook: selectBook }, dispatch);
  }
  
  // Promote BookList from a component to a container - it needs to know 
  // about this new dispatch method selectBook. Make it available 
  // as a prop.
  export default connect(mapStateToProps, mapDispatchToProps)(BookList);
new_contents: 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} className="list-group-item">{book.title}</li>
              );
          });
      }
      
      render() {
          return (
              <ul className="list-group col-sm-4">
                  {this.renderList()}
              </ul>
          )
      }
  }
  
  function mapStateToProps(state) {
      // Whatever is returned from here
      // shows up as props inside of BookList
      return {
          books: state.books
      };
  }
  
  export default connect(mapStateToProps)(BookList);
subject: Revert "mapped actions to dispatch"