---------------------- The `useList` hook in Refine is used to fetch data according to sort, filter, pagination, etc. from a resource. It returns the data and some functions to control the query. Here is a basic example of how to use the `useList` hook: ```jsx import { useList, HttpError } from "@refinedev/core"; interface IProduct { id: number; name: string; material: string; } const ProductList: React.FC = () => { const { data, isLoading, isError } = useList({ resource: "products", }); const products = data?.data ?? []; if (isLoading) { return

; } if (isError) { return

Something went wrong!

; } return (

{product.name} - ({product.material})

); }; ``` In this example, `useList` is used to fetch data from the "products" resource. The data, loading state, and error state are then used to render the product list. If you want to fetch data with specific parameters such as filters, sorters, and pagination, you can pass these as additional parameters to the `useList` hook. For example: ```jsx const { data: listResponse } = useList({ resource: "products", filters: [{ field: "material", operator: "eq", value: "wooden" }], sorters: [{ field: "ID", order: "desc" }], pagination: { page: 1, perPage: 5 }, }); ``` In this example, `useList` is used to fetch 5 products with the `material` field equals to `wooden`, sorted by `ID` field in `descending` order. For more information, you can refer to the **Refine documentation on useList** (). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

{product.name} - ({product.material})

uselist params

Similar Threads

Similar Threads

Similar Threads