前端项目实战叁拾叁-​react-admin+material ui-单表订单列表

我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣 带你加入前端巅峰人才交流群 

 <Resource name='t_order' list={OrderList} create={OrderCreate} edit={OrderEdit} />

 OrderList

import React from 'react'
import { List,Datagrid,TextField,EditButton,DeleteButton} from 'react-admin'
const OrderList = (props: any) => {
    return <List {...props} >
         <Datagrid>
            <TextField source='id'></TextField>
            <TextField source='orderid'></TextField>
            <TextField source='clientname'></TextField>
            <TextField source='clientaddr'></TextField>
            <TextField source='clientcontact'></TextField>
            <EditButton></EditButton>
            <DeleteButton></DeleteButton>
         </Datagrid>
    </List>
}

export default OrderList

运行结果

 

posted @ 2023-07-13 09:16  前端导师歌谣  阅读(23)  评论(0)    收藏  举报  来源