前端项目实战贰佰贰拾叁react-admin+material ui-react-admin-定义ts类型

最新推荐文章于 2024-08-20 10:20:16 发布

前端歌谣

最新推荐文章于 2024-08-20 10:20:16 发布

阅读量38

点赞数

文章标签： react.js 前端 ui

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

版权

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

500 篇文章 1 订阅

订阅专栏

import { useEffect } from "react";
import { Datagrid, useListContext, ShowButton, BulkDeleteButton, TextField, EditButton, List } from "react-admin"
import { useParams } from "react-router-dom";

interface ICategoryLists {
    handleUpdateList: () => void,
}
const CategoryLists = (props: ICategoryLists) => {
    const {params:category_id}=useParams()
    useEffect(() => {
        props.handleUpdateList && props.handleUpdateList()
    }, []);
    return (
        <List exporter={false} filter={{ category_id }} resource="t_prod_style">
            <Datagrid bulkActionButtons={<BulkDeleteButton mutationMode="pessimistic"></BulkDeleteButton>} rowClick='edit'>
                <TextField source='code' />
                <TextField source='style_name' />
                <EditButton></EditButton>
                <ShowButton></ShowButton>
            </Datagrid>
        </List>
    )
}
export default CategoryLists;