在axios GET请求中获取空对象

我正在从WordPress博客网站上获取帖子。但当我控制日志状态时 posts 和 response 在里面 .then() 我明白了 Response 像 empty object [object object] 和 state 像 undefined .

我哪里做错了?

我还收到以下错误:

TypeError:无法读取未定义的属性“map”

代码:

import React, {Component} from 'react';
import axios from 'axios';
import Post from './Post/Post';

class Blog extends Component {

    state = {
        posts: []
    }

    componentDidMount(){
        axios.get("https://public-api.wordpress.com/rest/v1.1/sites/ishhaanpatel.wordpress.com/posts")
        .then( response => {
            this.setState({posts: response.posts});
            console.log("Here are the posts: "+ this.state.posts);
            console.log("Here is the response: "+ response);

        });
    }

    render(){
         const posts = this.state.posts.map( post => {
             return <Post title={post.title} key={post.ID} author={post.author.name}  />;
         });
        return (
            <div>
                {posts}
            </div>
        );
    }
}

export default Blog;