This repository has been archived by the owner on Apr 19, 2023. It is now read-only.
1.9.0
Minor Changes
- Added skip functionality: e25943f
Example usage:
const SearchResult = ({ q }) => (
<div>
<Query
gql={SearchQuery}
variables={{ q }}
skip={q.length < 2} // or as func: skip={vars => vars.q.length < 2}
>
{({ data: { results }, loading, skipped }) =>
skipped || !results ? (
<span>
Enter more than 2 characters (hint: try "he" or "ol" or "lo")
</span>
) : loading ? (
<span>Getting your stuffs!</span>
) : !results.length ? (
<span>No results...try something shorter</span>
) : (
<ol>
{results.map(({ id, description }) => (
<li key={id}>{description}</li>
))}
</ol>
)
}
</Query>
</div>
);