javascript - ReactJS/GraphQL:显示来自查询的数据
问题描述
因此,在我单击提交按钮后,没有任何反应。我不确定查询是否正在执行。如果是我如何在浏览器中显示结果?
提交按钮
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;
解决方案
您需要gql
在ObjectQuery
函数中返回
我为您的问题编写了一个简单的演示。你可以检查这个:https ://codesandbox.io/s/n7vqnovl8l
推荐阅读
- php - 使用 FormData() 进行 AJAX 多次上传
- python - 将格式从 Adobe Acrobat pdf 更改为 Jupyter Notebook ipynb
- r - 合并数据框的第一列
- java - 如何使用 Jackson 将原始 JSON 反序列化为 Java 对象
- c# - 将两种不同的变量类型添加到字典中以获取 GET 请求的多个自定义标头
- julia - 读取 .osm.pbf 或将 .osm.pbf 转换为 .osm
- python - 使用 WSGI-Mod 托管在 Ubuntu-Apache 上的 Python Flask 应用程序上的 FileNotFoundError
- activemq-artemis - Artemis 联邦优先级调整是如何工作的?
- python - 双下划线文本 Tkinter
- java - What is the elegant way to parse a map into an object?