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>
  }
}

Запрос не получает ни типа, ни загрузки, ни ошибки, ни данных.

my GET_NEWSпостоянная.

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

Answer 1

Вам не хватает возврата внутрь render:

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>
 )
}
}