Apollo Query 不发出请求

Question

Apollo 查询未发出请求。我对这项技术完全陌生，也许有人可以告诉我我做错了什么？

class HomePage extends React.Component {
    state = { news: [] };

    render() {
        <Query query={GET_NEWS}>
            {({ loading, error, data}) => {
              if (loading) {
                return null;
              }

              if (error) {
                return `Error: ${error}`;
              }
              const news = data.news.name
          return (
          <div>
            {news.map(item => <div>{item.name}</div>)}
          </div>
          );
         }}
      </Query>
  }
}

查询未获取任何类型或加载、错误或数据。

我的GET_NEWS常量。

export const GET_NEWS = gql`
  {
    news(query: {}){
         edges{
          name
        }
    }
  }
`;

Answer 1

您在 render 中缺少 return:

class HomePage extends React.Component {
state = { news: [] };

render() {
 return(
    <Query query={GET_NEWS}>
        {({ loading, error, data}) => {
          if (loading) {
            return null;
          }

          if (error) {
            return `Error: ${error}`;
          }
          const news = data.news.name
      return (
      <div>
        {news.map(item => <div>{item.name}</div>)}
      </div>
      );
     }}
  </Query>
 )
}
}

Apollo Query 不发出请求

Apollo Query doesn't make request

apollo

reactjs