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

前端歌谣

于 2023-08-07 09:30:25 发布

阅读量38

点赞数

文章标签：前端 react.js ui

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

版权

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

500 篇文章 1 订阅

订阅专栏

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

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