Skip to content

Instantly share code, notes, and snippets.

@FabDuarte
Created July 16, 2018 02:05
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save FabDuarte/5a038029dee8c5f204e50cf47771a8d3 to your computer and use it in GitHub Desktop.
import gql from "graphql-tag";
import { Mutation } from "react-apollo";
const ADD_FILM = gql`
mutation addFilm($title: String!, $episodeId: Int!) {
addFilm(title: $title, episodeId, $episodeId) {
eposideId
}
}
`;
const AddFilm = () => {
let input;
return (
<Mutation mutation={ADD_FILM}>
{(addFilm, { data }) => (
<div>
<form onSubmit={e => {
e.preventDefault();
addFilm({ variables: { title: inputTitle.value, episodeId: inputEID.value } });
input.value = "";
}}
>
<input ref={node => {inputTitle = node;}} placeholder='Title'/>
<input ref={node => {inputEID = node;}} placeholder='Episode id' />
<button type="submit">Add Film</button>
</form>
</div>
)}
</Mutation>
);
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment