React fetch post by axios

App.js

import React, { Component } from 'react'
import './App.css';
import Books from './Books/Books';
import axios from 'axios'

class App extends Component{
	state = {
		posts: []
	}

	componentDidMount(){
		axios.get('https://jsonplaceholder.typicode.com/posts')
		.then(response => {
			this.setState({
				posts: response.data
			})
		})
		.catch(error => console.log(error))
	}

	render(){
		if(this.state.posts.length === 0){
			return <h1>Loading....</h1>
		} else {
			return (
				<ol>
					{this.state.posts.map((val, i) => {
						return <li key={i}>{val.title}</li>
					})}
				</ol>
			)
		}
	}
}

export default App;

// Lifecycle
// constructor
// render
	// call all lifecycle methods
// componentDidMount
// componentDidUpdate
// componentWillUnmount