How to make a query based on ID in react native with graphql?

Question

I want to make a query based on job_id: ID! but seem like something I am doing wrong and I want to understand what.

So here I am taking the job id.

render() {
 const { job } = this.props.navigation.state.params;
 const job_id = job._id;
 ........
}

So now I want to use that job_id for my query here

const GET_APPLICATIONS = gql`
  query getJobApplicationsForThisJob($job_id: ID!) {
    getJobApplicationsForThisJob(job_id: $job_id) {
      _id
    }
  }
`;

const DELETE_JOB = gql`
  mutation deteleJob($_id: ID!) {
      deleteJob(_id: $_id) {
        message
      }
    }
`;

const mutationConfig = {
    props: ({ mutate, ownProps }) => ({
        deleteJob: (_id) => mutate({ variables: { _id } }),
        ...ownProps,
    })
}

export default compose(
    withApollo,
    graphql(GET_APPLICATIONS, { name: "getApplications" }),
    graphql(DELETE_JOB, mutationConfig)
)(JobDetails);

But I end up with the following error

Invariant Violation: The operation 'getJobApplicationsForThisJob' wrapping 'JobDetails' is expecting variable 'job_id' but it was not found in the props passed to 'Apollo(JobDetails)'

Any idea?

Markus Hayner · Accepted Answer · 2018-11-05 15:07:54Z

1

Problem solved.

I have used the HOC like this

export default compose(
    withApollo,
    graphql(GET_APPLICATIONS, { name: "getApplications", options: (props) => ({ variables: { job_id: props.navigation.state.params.job._id } }) }),
    graphql(DELETE_JOB, mutationConfig)
)(JobDetails);

answered Nov 5, 2018 at 15:07

Markus Hayner

2,9593 gold badges35 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to make a query based on ID in react native with graphql?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related