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

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

import { List, Datagrid, TextField, ReferenceArrayField, WithListContext } from 'react-admin';
import { Chip, Stack } from '@mui/material';

export const RWithListContext = () => (
    <List resource="t_geyao_person">
        <Datagrid>
            <TextField source="id" />
            <TextField source="name" />
            <ReferenceArrayField label="Tags" reference="tags" source="name">
                <WithListContext render={({ isLoading, data }) => (
                
                        <Stack direction="row" spacing={1}>
                           {data}
                        </Stack>
                    
                )} />
            </ReferenceArrayField>
        </Datagrid>
    </List>
);

posted @ 2023-08-07 09:30  前端导师歌谣  阅读(7)  评论(0)    收藏  举报  来源