前端项目实战壹佰肆拾叁react-admin+material ui-react-admin之useList之filterCallback

最新推荐文章于 2024-07-20 18:16:53 发布

前端歌谣

最新推荐文章于 2024-07-20 18:16:53 发布

阅读量34

点赞数

文章标签：前端 react.js ui

本文链接：https://blog.csdn.net/qq_41632427/article/details/131824495

版权

前端项目实战案例专栏收录该内容

500 篇文章 1 订阅

订阅专栏

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

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

export const RUserList = () => {
    const listContext = useList({
        data: [
            { id: 1, name: 'Arnold' },
            { id: 2, name: 'Sylvester' },
            { id: 3, name: 'Jean-Claude' },
        ],
        sort: { field: 'name', order: 'ASC' },
        filterCallback: (record) => record.id > 1 && record.name !== 'Jean-Claude'
    });
   
    return (
        <ListContextProvider value={listContext}>
            <Datagrid>
                <TextField source="id" />
                <TextField source="name" />
            </Datagrid>
        </ListContextProvider>
    );
};