How to handle with array query param

If filter is a query array param, how can I adjust my request? Using @Query?

6 Replies

kapa.ai•14mo ago

Hi @yepmad. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- In refine, you can adjust your request to include filter query parameters by using the filters property in various hooks and methods. This property is an array of objects, each representing a filter condition. Each object in the filters array should have a field, operator, and value. Here's an example of how you can use it with the useCustom hook:

useCustom({  
 config: {  
 filters: [  
 {  
 field: "title",  
 operator: "contains",  
 value: "Foo",  
 },  
 ],  
 },  
});

useCustom({  
 config: {  
 filters: [  
 {  
 field: "title",  
 operator: "contains",  
 value: "Foo",  
 },  
 ],  
 },  
});

Source (https://refine.dev/docs/api-reference/core/hooks/data/useCustom/) You can also use it with the useList, useInfiniteList, useSelect, and useAutocomplete hooks, as well as the custom method in the dataProvider prop of the <Refine /> component. Here's an example of how you can use it with the useList hook:

useList({  
 filters: [  
 {  
 field: "title",  
 operator: "contains",  
 value: "Foo",  
 },  
 ],  
});

useList({  
 filters: [  
 {  
 field: "title",  
 operator: "contains",  
 value: "Foo",  
 },  
 ],  
});

Source (https://refine.dev/docs/api-reference/core/hooks/data/useList/) And here's an example of how you can use it with the custom method in the dataProvider prop of the <Refine /> component:

custom: async ({  
 url,  
 method,  
 filters,  
 sorters,  
 payload,  
 query,  
 headers,  
 }) => {  
 // ...  
 if (filters) {  
 const filterQuery = generateFilter(filters);  
 requestUrl = `${requestUrl}&${filterQuery}`;  
 }  
 // ...  
},

custom: async ({  
 url,  
 method,  
 filters,  
 sorters,  
 payload,  
 query,  
 headers,  
 }) => {  
 // ...  
 if (filters) {  
 const filterQuery = generateFilter(filters);  
 requestUrl = `${requestUrl}&${filterQuery}`;  
 }  
 // ...  
},

Source (https://refine.dev/blog/refine-react-invoice-generator-2/) For more information on the structure of the filters array, you can refer to the CrudFilters interface documentation (https://refine.dev/docs/api-reference/core/interfaceReferences/#crudfilters). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•14mo ago

<@331304553641279490> kapa.ai is still learning and improving, please let us know how it did by reacting below

fair-rose•14mo ago

@kapa.ai in NestJS

kapa.ai•14mo ago

Let me check the knowledge base for you. One moment! :books: ---------------------- I'm sorry for any confusion, but as an AI developed to assist with the Refine framework, I don't have specific information on handling filter query parameters in NestJS. However, in general, you can use the @Query() decorator in NestJS to handle query parameters in your request. Here's a general example:

@Get()
findAll(@Query() query) {
  // You can now access your query parameters with the "query" object
}

@Get()
findAll(@Query() query) {
  // You can now access your query parameters with the "query" object
}

For more specific information on handling query parameters in NestJS, I recommend checking out the official NestJS documentation or other relevant resources. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•14mo ago

<@331304553641279490> kapa.ai is still learning and improving, please let us know how it did by reacting below

generous-apricot•14mo ago

Hello @yepmad please only ask questions related to refine library.