Add Book component - KatyaHorton/Udacity-MyReads-PROJECT GitHub Wiki

Add Book component

  1. Add Book.js (Book component)
import React from 'react'


class Book extends React.Component {
 
	
  render() {	  
    return (
 <div className='book' >
    <div className='book-top'>
     <div className='book-cover' style={{ width: 128, height: 193, backgroundImage: 'url()' }}></div>
     <div className='book-shelf-changer'>
//code for shelfchanger gors here		
     </div>
    </div>
     <div className='book-title'>{this.props.book.title}</div>
     <div className='book-authors'>{this.props.book.authors}</div>			
 </div>
)}}

export default Book
  1. Import Book component in BooksSearch and BooksShelf, add necessary props

  2. <Book book= { book } />

⚠️ **GitHub.com Fallback** ⚠️