React-Admin获取数据中的问题

Question

我有一个react admin信息中心-效果很好

// App.js

class App extends Component {
  constructor() {
    super();
    this.state = { dataProvider: null };
  }
  componentDidMount() {
    buildGraphQLProvider({ clientOptions: { uri: 'http://localhost:8080/graphql' } })
      .then(dataProvider => this.setState({ dataProvider }));
  }

  render() {
    const { dataProvider } = this.state;

    if (!dataProvider) {
      return <div>Loading</div>;
    }

    return (
      <Admin layout={appLayout} customRoutes={customRoutes} dataProvider={dataProvider}>
        <Resource name="Symptom" list={SymptomList} edit={SymptomEdit} create={SymptomCreate} icon={SymptomIcon} />
      </Admin>
    );
  }
}

export default App;

我还想添加一个自定义页面，并通过以下查询从我的API中获取数据（有效-已测试）：

query allQuestions($filter: QuestionFilter) {
  allQuestions(filter: $filter) {
    id
    text
    symptom: Symptom {
      id
      name
    }
    endpoint: Endpoint {
      code
    }
  }
}

  

如何将此查询发送到我的api并使用返回的数据？