Javascript ReactJS/GraphQL:显示查询中的数据

Javascript ReactJS/GraphQL:显示查询中的数据,javascript,reactjs,graphql-js,Javascript,Reactjs,Graphql Js,因此,在我点击提交按钮后,什么也没有发生。我不确定查询是否正在执行。如果是,如何在浏览器中显示结果 “提交”按钮 handleSubmit(event) { event.preventDefault(); console.log(this.state.inputValue) this.state = { inputValue: new Date(document.getElementById("time").value).valueOf() }; ObjectQuer

因此,在我点击提交按钮后,什么也没有发生。我不确定查询是否正在执行。如果是,如何在浏览器中显示结果

“提交”按钮

handleSubmit(event) {
  event.preventDefault();
  console.log(this.state.inputValue)
  this.state = {
    inputValue: new Date(document.getElementById("time").value).valueOf()
  };
  ObjectQuery({
    variables: {
      timestamp: this.state.inputValue
    }
  });
}
查询组件

import gql from "graphql-tag";

export function ObjectQuery() {
  gql`
    query($timestamp: Float!) {
      action(timestamp: $timestamp) {
        action
        timestamp
        object {
          filename
        }
      }
    }
  `;
}

export default ObjectQuery;

您需要在
ObjectQuery
函数中返回
gql

我为你的问题写了一个简单的演示。您可以检查以下内容: