kjannette/reactnd-project-bookbrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added skeleton for onSelectChange

Browse Source
This commit is contained in:
Ken Jannette
2018-04-18 11:38:15 -04:00
parent d2f6d9f85f
commit 0db4f2b5ca
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/App.js
View File

@@ -14,7 +14,6 @@ class BooksApp extends React.Component {
componentDidMount() { componentDidMount() {
getAll().then((books) => { getAll().then((books) => {
// console.log(books)
this.setState({ books }) this.setState({ books })
}) })
} }

10
src/Bookshelf.js
View File

@@ -2,6 +2,10 @@ import React, { Component } from 'react';
class Bookshelf extends Component { class Bookshelf extends Component {
onSelectChange = () => {
console.log("onSelectChange")
}
render() { render() {
const books = this.props.books const books = this.props.books
@@ -29,7 +33,7 @@ class Bookshelf extends Component {
<div className="book-top"> <div className="book-top">
<div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div> <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div>
<div className="book-shelf-changer"> <div className="book-shelf-changer">
<select> <select onChange={this.onSelectChange}>
<option value="none" disabled>Move to...</option> <option value="none" disabled>Move to...</option>
<option value="currentlyReading">Currently Reading</option> <option value="currentlyReading">Currently Reading</option>
<option value="wantToRead">Want to Read</option> <option value="wantToRead">Want to Read</option>
@@ -61,7 +65,7 @@ class Bookshelf extends Component {
<div className="book-top"> <div className="book-top">
<div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div> <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div>
<div className="book-shelf-changer"> <div className="book-shelf-changer">
<select> <select onChange={this.onSelectChange}>
<option value="none" disabled>Move to...</option> <option value="none" disabled>Move to...</option>
<option value="currentlyReading">Currently Reading</option> <option value="currentlyReading">Currently Reading</option>
<option value="wantToRead">Want to Read</option> <option value="wantToRead">Want to Read</option>
@@ -93,7 +97,7 @@ class Bookshelf extends Component {
<div className="book-top"> <div className="book-top">
<div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div> <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div>
<div className="book-shelf-changer"> <div className="book-shelf-changer">
<select> <select onChange={this.onSelectChange}>
<option value="none" disabled>Move to...</option> <option value="none" disabled>Move to...</option>
<option value="currentlyReading">Currently Reading</option> <option value="currentlyReading">Currently Reading</option>
<option value="wantToRead">Want to Read</option> <option value="wantToRead">Want to Read</option>