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);
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);
Revert "mapped actions to dispatch"
Revert "mapped actions to dispatch"

This reverts commit 499dd4856650c0c4bde580c70ef6d46749fd2f48.
