1

我对 Apollo Client-React 有疑问。

我想在用户单击登录按钮时发送登录请求。

我的代码是：

// @vendors
import React from 'react';
import { 
  withApollo
} from 'react-apollo';
import ApolloClient from 'apollo-client';
import gql from 'graphql-tag';
import { Link } from 'react-router';

class Login extends React.Component {

  constructor() {
    super();
    this.state = {
      email: 'user1@email.com'
    }
    this.sendRequest = this.sendRequest.bind(this);
  }

  sendRequest() {
    const {
      email
    } = this.state;

    const FETCH_USER = gql`
      query fetchUser($email: String!) {
        user(email: $email) {
          id
        }
      }
    `;
    return this.props.client.query({
      query: FETCH_USER,
      variables: {email: email}
    })
  }

  render() {
    return (
      <form>
        <div className="form-group">
          <label htmlFor="email">Email:</label>
          <input type="email" className="form-control" id="email" />
        </div>
        <div className="form-group">
          <label htmlFor="password">Password:</label>
          <input type="password" className="form-control" id="password" />
        </div>
        <button onClick={this.sendRequest} className="btn btn-default">Log In</button>
      </form>
    );
  }
}

Login.propTypes = {
  client: React.PropTypes.instanceOf(ApolloClient).isRequired,
}

export default withApollo(Login);

控制台显示：

未捕获（承诺）错误：网络错误：在查询映射中找不到查询。

有谁能够帮我？

更新：

我使用了这个版本：

  • “阿波罗客户端”：“^0.6.0”
  • “反应阿波罗”：“^0.9.0”
4

0 回答 0