显示区域如果服务器的响应返回空

Question

当API从服务器中没有数据时，我要显示的React本机应用程序中有一个部分。但是，有了我当前的实现，该消息已经显示出来以及API中有数据消失时的数据，但是当页面首次加载时，直到加载API并且没有数据时，该页面都不应该看到。

查看

  {
      posts.length === 0 ? 
      <Text style={{textAlign:'center',fontSize:20, color:'#36a', fontFamily:'HelveticaNeue-Light', fontWeight:'500'}}>No Posts for this group yet</Text>
    : null
    }

容器

state = {
      modalVisible: false,
      posts : [],
    }
  api.get('/groups/'+`${this.state.groupID}`+'/posts').then((response) => {
    let data = response.data.data
    this.setState({posts: data, showLoader: false});
    console.log(JSON.stringify(this.state.posts))
  })

Answer 1

尝试以下：

{ posts.length < 1 && <Text /> }

也在您的容器代码中，它可能会在this.state.groupid中遇到问题，因为它没有定义 - 我认为您的状态在构造函数中？

和setState（）在容器中调用；之后不能保证将Console.log（）在其中包含帖子。如果您想保证，请尝试此尝试：

this.setState({ posts: data, showLoader: false }, () => console.log(JSON.stringify(this.state.posts));