React-admin：如何防止页面加载时 getAll

【问题标题】：React-admin: how to prevent getAll on page loadReact-admin：如何防止页面加载时 getAll
【发布时间】：2021-09-27 14:12:08
【问题描述】：

我的用例：在页面加载时，我只需要显示过滤器和空列表。当用户在其中一个过滤器中输入任何内容时，RA 应该只向 API 发出第一个请求。

在文档中没有找到任何相关内容。如果有人可以在文档中指出我正确的主题，我应该更好地挖掘以实现我所需要的，它已经有很大帮助了。

谢谢！

【问题讨论】：

标签： react-admin

【解决方案1】：

您不能为此使用<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>
    );
};

【讨论】：