Reactjs / Graphql: остановка выполнения запроса graphql при загрузке страницы

Question

После некоторой отладки я обнаружил, что при загрузке страницы React выполняет следующий запрос:

export default graphql(Query, { 
    options: (props) => ({ 
        variables: { 
            start: props.start,
            end: props.end
        } 
    })         
)(Comp);

Ошибка сервера - «Неверный запрос», который, по-видимому, связан с тем, что начало и конец пусты и им присвоено значение Float! Конечно, эти переменные будут пустыми; пользователь не ввел значения.

Когда я вводю значения в пользовательском интерфейсе и нажимаю на кнопку отправить, он работает нормально. Мне просто нужна помощь, чтобы понять, как предотвратить выполнение этого запроса при загрузке страницы. И выполняется только при нажатии кнопки отправки.

Answer 1

Просто предоставьте skip функцию для qraphql hoc:

export default graphql(Query, {
  skip: ({ start, end }) => (!start || !end),
  options: ({ start, end }) => ({
    variables: { start, end }
  })
})(Comp);