React-admin:如何在页面加载时防止 getAll
React-admin: how to prevent getAll on page load
我的用例:
在页面加载时,我只需要显示过滤器和空列表。
当用户在其中一个过滤器中输入任何内容时,RA 应该只向 API 发出第一个请求。
未在文档中找到任何相关内容。
如果有人能在文档中指出我正确的主题,我应该更好地挖掘它来实现我需要的,它已经有很大帮助了。
谢谢!
您不能为此使用 <List>
组件,因为它会在挂载时发出请求。您必须编写自己的 List 组件并使用 useGetList
挂钩调用 API,如 in the documentation:
所述
import { useGetList } from 'react-admin';
const LatestNews = () => {
const { data, ids, loading, error } = useGetList(
'posts',
{ page: 1, perPage: 10 },
{ field: 'published_at', order: 'DESC' }
);
if (loading) { return <Loading />; }
if (error) { return <p>ERROR</p>; }
return (
<ul>
{ids.map(id =>
<li key={id}>{data[id].title}</li>
)}
</ul>
);
};
我的用例: 在页面加载时,我只需要显示过滤器和空列表。 当用户在其中一个过滤器中输入任何内容时,RA 应该只向 API 发出第一个请求。
未在文档中找到任何相关内容。 如果有人能在文档中指出我正确的主题,我应该更好地挖掘它来实现我需要的,它已经有很大帮助了。
谢谢!
您不能为此使用 <List>
组件,因为它会在挂载时发出请求。您必须编写自己的 List 组件并使用 useGetList
挂钩调用 API,如 in the documentation:
import { useGetList } from 'react-admin';
const LatestNews = () => {
const { data, ids, loading, error } = useGetList(
'posts',
{ page: 1, perPage: 10 },
{ field: 'published_at', order: 'DESC' }
);
if (loading) { return <Loading />; }
if (error) { return <p>ERROR</p>; }
return (
<ul>
{ids.map(id =>
<li key={id}>{data[id].title}</li>
)}
</ul>
);
};