Add Book component - KatyaHorton/Udacity-MyReads-PROJECT GitHub Wiki
Add Book component
- 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
-
Import
Book
component inBooksSearch
andBooksShelf
, add necessary props -
<Book book= { book } />