前端项目实战壹佰伍拾贰react-admin+material ui-react-admin之useInfiniteGetList

我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣带你进入前端技术群

import {
    useList,
    ListContextProvider,
    Datagrid,
    TextField,
    useGetList,
    useInfiniteGetList
} from 'react-admin';
 

export const RUserListData = () => {
    const { 
        data,
        total,
        isLoading,
        error,
        hasNextPage,
        isFetchingNextPage,
        fetchNextPage,
    } = useInfiniteGetList(
        'posts',
        {
            pagination: { page: 1, perPage: 10 },
            sort: { field: 'published_at', order: 'DESC' }
        }
    );
    const listContext = useList({ data });
   
    return (
        <ListContextProvider value={listContext}>
            <Datagrid>
                <TextField source="id" />
                <TextField source="name" />
            </Datagrid>
        </ListContextProvider>
    );
};

 运行结果