ResourceList Filter Example needed with actual data that works with GraphQL

Highlighted
Pathfinder
83 4 11

I'm new to using GraphQL and want to implement filters on my ResourceList. I followed the example from the Polaris documentation however I haven't seen any documentation or example that shows how the GraphQL query using a filter term such as "title" connects with the ResourceList filterControl.

Specifically, when someone types in something in the filter, it goes into the "queryValue" variable below. And I assume the onQueryChange then is fired. 

queryValue={queryValue}
onQueryChange={handleFiltersQueryChange}
 
In the Shopify example this fires the handleFiltersQueryChange:
 
const handleFiltersQueryChange = useCallback(
    (value=>setQueryValue(value),
    []
  );
Can someone example how this works and when I am supposed to call my GraphQL query? 
0 Likes
New Member
1 0 0

Hi, did you figure out how this works?  I'm trying to do something similar to you, but not sure if I need to add my own code to filter my ResourceList items based on the query, or if that is built in to the Polaris code.  The Polaris example docs don't seem to properly filter their ResourceList either, so I can't find a good example to follow.

0 Likes