前端项目实战贰佰壹拾玖react-admin+material ui-react-admin-特定页面的展示页面

最新推荐文章于 2024-09-30 15:42:36 发布

前端歌谣

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量55

点赞数

文章标签：前端 react.js ui

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

版权

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

500 篇文章 1 订阅

订阅专栏

import { List, WithListContext } from "react-admin"
import { useParams } from "react-router-dom";
import { Container, ListItem, ListItemText } from '@material-ui/core';
const StyleListView = () => {
    const { params } = useParams();
    return (
        <List hasCreate={false} exporter={false} filter={{ id: params }} resource="t_prod_style">
            <WithListContext render={({ data }) => (
                <Container>
                    {data && data.map((item: any, index: any) => (
                        <>
                            <ListItem >
                                <ListItemText primary={`款式:${item.style_name}`} />
                            </ListItem>
                            <ListItem >
                                <ListItemText primary={`编号:${item.code}`} />
                            </ListItem>
                            <ListItem >
                                <ListItemText primary={`创建日期:${item.create_date}`} />
                            </ListItem>
                        </>
                    ))}
                </Container>
            )} />
        </List>
    )
}
export default StyleListView;