前端项目实战贰佰贰拾react-admin+material ui-react-admin-WithListContext直接可以获取到对应资源的List数据

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

运行结果