使用graphql查詢檢查react js中的空對象

Question

我是 react 和 graphql 的新手。 在這里，我有一個查詢，我想檢查空數據。

return (
      <Query
        query={Report}
        variables={{
          id: match.params.pId
        }}
        {({ loading, error, data: gdata }) => {
          if (loading) return <Loader />
          if (error) return <Error />
          return <Report data={gdata && gdata.greport} />
        }}
      </Query>

所以，我用這種方式檢查 null 或

data: gdata = { gdata: {} } })

我應該以哪種方式檢查 null 或空數據，因為它崩潰了。如果它是一個數組。 謝謝您的幫助。

Answer 1

目前我正在使用三元檢查我的項目的結果

如果它是一個數組

gData ? gData.greport : []

如果它是一個對象

gData ? gData.greport : {}