ReactJS / GraphQL：顯示查詢數據

Question

因此，在我單擊“提交”按鈕后，沒有任何反應。 我不確定查詢是否正在執行。 如果是的話，如何在瀏覽器中顯示結果？

提交按鈕

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;

Answer 1

您需要在ObjectQuery函數中返回gql

我為您的問題編寫了一個簡單的演示。 您可以檢查以下內容： https : //codesandbox.io/s/n7vqnovl8l