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

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

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>
    );
};

运行结果