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

/*
  单个款式的展示页面
*/
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;

运行结果