Remove todos - mutation

In this part of the tutorial, you will learn how to remove existing todos by using GraphQL Mutations.

Let's define a graphql query to do a mutation into todos.

Copy
mutation ($id: Int) {
  delete_todos (
    where: {
      id: {
        _eq: $id
      }
    }
  ) {
    affected_rows
  }
}

Try this mutation in GraphiQL against the application database to see what the response looks like.

Let's now integrate this graphql mutation into our react app.