ComponentDidMount仅在我第二次单击时才在页面上呈现数据

Question

我正在尝试从fb获取帖子数据，并使用componentDidMount渲染它们，但是直到第二次单击之前，它都无法渲染任何内容！

async componentDidMount(){
  this.setState({ isloading: true})
  listData=await
    this.fetchPosts(listData);
    console.log(listData)
    this.setState({ isloading: false}) 
}

    fetchPosts=(listData)=>{
      return new Promise((resolve, reject)=> {
      window.FB.api(
        '/me',
        'GET',
        {"fields":"","access_token":""},

        function(response) {...});
         }        
       });       
       if(!listData)reject(new Error('Error: No listData passed in'))
       resolve(listData)     
    })        
   }         

这是我的渲染方式：

if (isloading===true) {
      return (
        <Spin size="large" />
      )
    }
      return (...)