Passed state to bookshelf component
This commit is contained in:
@@ -14,7 +14,7 @@ class BooksApp extends React.Component {
|
|||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
getAll().then((books) => {
|
getAll().then((books) => {
|
||||||
console.log(books)
|
// console.log(books)
|
||||||
this.setState({ books })
|
this.setState({ books })
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -26,7 +26,7 @@ class BooksApp extends React.Component {
|
|||||||
<div className="app">
|
<div className="app">
|
||||||
|
|
||||||
<Route exact path='/' render={() => (
|
<Route exact path='/' render={() => (
|
||||||
<Bookshelf />
|
<Bookshelf state={this.state.books}/>
|
||||||
)}/>
|
)}/>
|
||||||
|
|
||||||
<Route path='/search' render={() => (
|
<Route path='/search' render={() => (
|
||||||
|
|||||||
@@ -1,7 +1,9 @@
|
|||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
|
|
||||||
class Bookshelf extends Component {
|
class Bookshelf extends Component {
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
|
console.log('PROPS', this.props)
|
||||||
return (
|
return (
|
||||||
<div className="list-books">
|
<div className="list-books">
|
||||||
<div className="list-books-title">
|
<div className="list-books-title">
|
||||||
|
|||||||
Reference in New Issue
Block a user