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

我是歌谣 这里是歌谣的前端笔记小屋 想加入前端巅峰人才交流群私信我 

import React from 'react'
import { List,TopToolbar,Count,useStore ,SortButton,DatagridConfigurable,SelectColumnsButton, Datagrid, TextField, EditButton, DeleteButton, BooleanField } from 'react-admin'
import { MenuList, MenuItem, ListItemText } from '@mui/material';
const PostListActions = () => (
    <TopToolbar>
        <SelectColumnsButton preferenceKey="postList1" />
    </TopToolbar>
);
const RSortButtonList = () => {
    const [statusFilter, setStatusFilter] = useStore("statusMenu", { status: 'open' });
    return <List actions={<PostListActions />} resource="t_geyao_person" exporter={false}>
        <SelectColumnsButton preferenceKey="postList1" />
        <MenuItem
            onClick={() => setStatusFilter({ status: 'pending' })}
     
        >
            <ListItemText>Pending</ListItemText>
            <Count filter={{ status: 'pending' }} />
        </MenuItem>
            <DatagridConfigurable
                preferenceKey="postList1"
                // data={data}
                // total={total}
                // isLoading={isLoading}
                // sort={sort}
                bulkActionButtons={false}
            >
                <TextField source="id" />
                <TextField source="name" />
                <TextField source="sex" />
                <TextField source="salary" />
               
            </DatagridConfigurable>
    </List>
}
export default RSortButtonList

运行结果