前端项目实战陆拾陆react-admin+material ui-踩坑-List需要Datagrid中expand写法
  Fuy6dnbn2ffz 2023年11月02日 91 0

我是歌谣 微信公众号关注前端小歌谣带你进入前端巅峰人才交流群

import React from "react";
import { List, useRecordContext, Datagrid, TextField, EditButton, BooleanField } from 'react-admin';



const PostPanel = () => {
    const record = useRecordContext();
    return (
        <div dangerouslySetInnerHTML={{ __html: record.name }} />
    );
};

const DatagridExpandList = () => (
    <List resource="t_geyao_person">
        <Datagrid expand={<PostPanel />}>
            <TextField source="id" />
            <TextField source='name'></TextField>
            <TextField source='sex'></TextField>
            <TextField source='salary'></TextField>
            <BooleanField source='status'></BooleanField>
        </Datagrid>
    </List>
)
export default DatagridExpandList

 运行结果

前端项目实战陆拾陆react-admin+material ui-踩坑-List需要Datagrid中expand写法_前端



【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

上一篇: Linux命令(58)之uname 下一篇: MD5加密
  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  529IrGbiySY6   2023年12月23日   69   0   0 AppUIiosAppUIios
Fuy6dnbn2ffz