reactjs - 在 GraphQL Mutate 函数中将 ID 作为正确的变量类型传递

Question

我正在尝试通过使用 this.props.mutate 传入参数来使用 GraphQL 编辑项目。我收到以下错误... 错误:GraphQL 错误:所需类型 ID 的变量 $id!未提供。因此，问题在于我将错误的 ID 类型传递给了 mutate 函数。有人知道如何将 ID 类型作为正确的类型传递给 mutate 函数吗？或者我可以将 ID 类型从字符串转换为正确的类型以作为变量传递给 mutate 函数吗？谢谢

我正在使用本地组件状态来保存预填充表单的值，以防您想知道我为什么使用本地状态

import UPDATE_CHAT_MUTATIONS from '../graphql/mutations/updateChat';

class EditChat extends React.Component {
  state = {
    text: '',
    id: ''
  }

  componentWillMount() {
    this._onEditLoad()
  }

  _onEditLoad = () => {
    const chat = this.props.navigation.state.params;
    this.setState({ text: chat.text, id: chat._id })
  }

  _onChangeText = text => this.setState({ text });

  _onEditPress = async () => {
    const { id, text } = this.state;
    await this.props.mutate({
      variables: {
        _id: id,
        text
      }
    });

    Keyboard.dismiss();
    this.props.navigation.goBack(null);
  }

Answer 1

我设法让它工作!我在客户端的 graphql 突变上犯了一个错误。下面是有效的代码!希望这能帮助那些面临同样问题的人。干杯

import { gql } from 'react-apollo';

export default gql`
  mutation updateChat($_id: ID!, $text: String!) {
    updateChat(_id: $_id, text: $text) {
      text
      _id
      updatedAt
    }
  }
`;