Reactjs 如何在GraphQL中继中捕获查询响应
我是新来接力的,我有一个提供响应的查询,我可以在inspector的“网络”选项卡中看到,但我不明白的是如何获取该响应以便在我的组件中使用。有人能解释一下吗 我的问题是Reactjs 如何在GraphQL中继中捕获查询响应,reactjs,graphql,relayjs,Reactjs,Graphql,Relayjs,我是新来接力的,我有一个提供响应的查询,我可以在inspector的“网络”选项卡中看到,但我不明白的是如何获取该响应以便在我的组件中使用。有人能解释一下吗 我的问题是 const query = graphql` query AdvisorProfileQuery($id: ID!) { node(id: $id) { ...on Advisor { name postalCode products
const query = graphql`
query AdvisorProfileQuery($id: ID!) {
node(id: $id) {
...on Advisor {
name
postalCode
products
referralCode
status
updatedAt
}
}
}`;
并在渲染器中运行
const QueryRenderer = LoadingQueryRenderer(AdvisorProfile, query);
export default ({ i18n }) => {
return (
<>
<QueryRenderer
params={{ id: id }}
/>
</>
);
};
const QueryRenderer=加载QueryRenderer(AdvisorProfile,查询);
导出默认值({i18n})=>{
返回(
);
};
但是保存返回到组件的数据的变量名是什么?我想将该数据作为道具传递给另一个组件
这就是反应的样子
您可以按照
从“React”导入React;
从“react relay”导入{QueryRenderer,graphql};
常量示例=(道具)=>{
返回(
{
如果(道具){
返回;
}
回装;
}}
/>
);
}
您可以像使用普通道具一样使用QueryRenderer渲染器中的数据
import React from 'react';
import { QueryRenderer, graphql } from 'react-relay';
const Example = (props) => {
return (
<QueryRenderer
environment={environment}
query={graphql`
query ExampleQuery($pageID: ID!) {
page(id: $pageID) {
name
}
}
`}
variables={{
pageID: '110798995619330',
}}
render={({ props }) => {
if (props) {
return <ChildComponent page={page.name} />;
}
return <div>Loading</div>;
}}
/>
);
}