定义好资源后即可在资源指定的各种页面中使用资源进行数据请求,更多使用方法请参考 refine 文档。
Dux Refine 已经预设了一套符合 REST API 规范的 数据提供者,在请求时会自动构建资源名称与具体操作。
使用以下 hook 可以请求列表数据。如果需要分页,分页的 URL 参数为 Page。
import { useList } from "@refinedev/core" const { data, isLoading, isError } = useList({ resource: "example.example" });
GET {apiUrl}/{resource}
使用以下钩子函数可以请求单条数据。
import { useOne } from "@refinedev/core" const { data, isLoading, isError } = useOne({ resource: "article", id: 1 });
GET {apiUrl}/{resource}/{id}
使用以下钩子函数可以创建一条数据。
import { useCreate } from "@refinedev/core" const { mutate } = useCreate(); mutate({ resource: "article", values: { title: "Title" }, });
POST {apiUrl}/{resource}
使用以下钩子函数可以更新一条数据。
import { useUpdate } from "@refinedev/core" const { mutate } = useUpdate(); mutate({ resource: "article", values: { title: "Title" }, id: 1, });
PUT {apiUrl}/{resource}/{id}
使用以下钩子函数可以删除一条数据。
import { useDelete } from "@refinedev/core" const { mutate } = useDelete(); mutate({ resource: "article", id: 1, });
DELETE {apiUrl}/{resource}/{id}
On This Page