ReactJS/GraphQL: 显示来自查询的数据
ReactJS/GraphQL: Display data from query
所以在我点击提交按钮后没有任何反应。我不确定查询是否正在执行。如果是,我如何在浏览器中显示结果?
提交按钮
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
函数中需要 return gql
我为你的问题写了一个简单的演示。你可以检查这个:https://codesandbox.io/s/n7vqnovl8l
所以在我点击提交按钮后没有任何反应。我不确定查询是否正在执行。如果是,我如何在浏览器中显示结果?
提交按钮
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
函数中需要 return gql
我为你的问题写了一个简单的演示。你可以检查这个:https://codesandbox.io/s/n7vqnovl8l