前端项目实战贰佰贰拾伍react-admin+material ui-react-admin-利用父子组件页面进行渲染

最新推荐文章于 2024-10-14 18:12:09 发布

前端歌谣

最新推荐文章于 2024-10-14 18:12:09 发布

阅读量42

点赞数

文章标签：前端 react.js ui

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

版权

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

500 篇文章 1 订阅

订阅专栏

/*
  单个款式的展示页面
*/
import { List, WithListContext, useListContext } from "react-admin"
import { useParams } from "react-router-dom";
import { Container, ListItem, ListItemText } from '@material-ui/core';
const StyleListChild = () => {
    const { data } = useListContext();
    return (
        <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 >
    )
}
const StyleListView = () => {
    const { params: id } = useParams();
    return (
        <List hasCreate={false} exporter={false} filter={{ id: id }} resource="t_prod_style">

            <StyleListChild></StyleListChild>

        </List>
    )
}
export default StyleListView;