Comments (8)
If you're like me, you simply missed the sneaky "variables" input box (bottom left corner):
from graphiql.
Let say your ChangeCohortInput
has the fields clientMutationId
and title
.
Your mutation would look like:
mutation example($cohort: ChangeCohortInput!){
change_cohort(input: $cohort) {
user {
cohort {
title
}
}
}
}
and variables
{
"cohort": {
"clientMutationId": "random",
"title": "New cohort title"
}
}
from graphiql.
@asiandrummer I think a lot of people (like me, 5 minutes in the past 😁) are going to land on the graphiql README looking for precisely the example above, and while the graphql specification document technically has the info you need, it's a lot to parse/search.
Might be worth adding an example for first-timers?
from graphiql.
Per lots of requests for the examples in README (simple query examples && GraphiQL component customizations), I'm working on adding/improving the README. Please stay tuned for upcoming updates :D
from graphiql.
@asiandrummer greatly appreciate it, really do love using GraphiQL :)
from graphiql.
Thanks for the answer @tinnou. I do feel like the example for mutation operation better belongs to GraphQL Specifications Document, as it already explains the correct specifications, requirements, and examples for running a mutation operation.
from graphiql.
@asiandrummer I agree with @holmesal, the GraphQL Specifications Document is extremely dense. I would never be able to find the info needed within it if I didn't already know what the answer is so that I can ctrl-f
the page for $
.
the screenshot on the readme alone is already a 100% improvement, but even a simple list of links to the most relevant parts of the GraphQL Specifications Document would be another good and not-too-painful improvement for users
from graphiql.
Alright, I've tried adding some examples to README - go check it out!
I'll close this issue for now, but if you have any other suggestions, feel free to open another issue or reopen this one.
from graphiql.
Related Issues (20)
- [lsp-server] 🐞 Pending response rejected since connection got disposed HOT 4
- [lsp-server] 🐞 Adding whitespaces\newlines causes autocompletion to move up a level HOT 5
- Don't export react with cdn bundle
- [graphiql] <title>MDUxRUVCM0Y3QjQwNzgwMDZDNjczQTMxMEIyRkZEMEIwMDI4MjhGMUQ0NkI4RjI5RTREMjE4QzhBM0FDNDdBOA==
- [lsp-server] Support go to definition for implementation first graphql setups HOT 1
- vscode-graphql-syntax javascript - line between graphql( and ` character breaks syntax highlighting HOT 2
- [graphiql] Grafana Embedded GraphiQL Editor CodeMirror info tooltips links navigate away from page HOT 4
- [graphiql] Fragment variables not supported HOT 4
- [graphiql] Default Value not accepted in Variable
- [graphiql] bump markdown-it for SNYK-JS-MARKDOWNIT-6483324 HOT 1
- [graphiql] cm6-graphql | Cannot use import statement outside a module | import { getTokenAtPosition, getTypeInfo, getAutocompleteSuggestions, getDiagnostics } from 'graphql-language-service';
- [graphiql] Upgrade to @graphiql/react breaks unit tests
- [graphiql] Cannot edit query name from explorer plugin
- [lsp-server] <title> Sending request for data to server
- [graphiql] <title>pluginapi
- [lsp-server] 🐞 Constant syntax errors if a file is named `exports.graphqls` HOT 1
- [lsp-server] Support JS/TS files as schema files HOT 4
- [lsp-server] 🐞 JS/TS files should only be checked when included in `documents` config glob HOT 2
- [graphiql] Graphiql editor information is scoped to the origin
- [lsp-server] Add configuration to disable/enable for certain files. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from graphiql.