how to query graphql in react code example
Example 1: variables in useQuery apollo
const GET_DOG_PHOTO = gql`
query Dog($breed: String!) {
dog(breed: $breed) {
id
displayImage
}
}
`;
function DogPhoto({ breed }) {
const { loading, error, data } = useQuery(GET_DOG_PHOTO, {
variables: { breed },
});
if (loading) return null;
if (error) return `Error! ${error}`;
return (
);
}
Example 2: appolo client variables pass
export default graphql(QueryTodos, {
options: (props) => ({ variables: { userId: props.userId } })
})( Home );