前端项目实战壹佰壹拾贰react-admin+material ui-踩坑-react-admin之ListGuesser

简介: 前端项目实战壹佰壹拾贰react-admin+material ui-踩坑-react-admin之ListGuesser
import React from 'react'
import { ListBase, Title, ListToolbar, Pagination, Datagrid, TextField, EditButton, DeleteButton, BooleanField } from 'react-admin'
import { Card } from '@mui/material';
const MyList = ({ children, actions, filters, title, ...props }) => (
    <ListBase {...props}>
        <Title title={title} />
        <ListToolbar
            filters={filters}
            actions={actions}
        />
        <Card>
            {children}
        </Card>
        <Pagination />
    </ListBase>
);
const RGuesserList = (props) => {
    return (
        <Admin dataProvider={jsonServerProvider('https://
jsonplaceholder.typicode.com')}>
            <Resource name="posts" list={ListGuesser} />
        </Admin>
    )
    }
export default RGuesserList

ListGuesser直接渲染列表

相关文章
|
14天前
|
前端开发 编解码 数据格式
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
15 0
浅谈响应式编程在企业级前端应用 UI 开发中的实践
|
1月前
|
XML 开发框架 前端开发
浅谈 Angular 和 UI5 这两种前端框架里控件 ID 的设计思路差异
浅谈 Angular 和 UI5 这两种前端框架里控件 ID 的设计思路差异
13 0
|
3月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
83 0
|
3月前
|
开发框架 前端开发 JavaScript
一款基于.NET Core的快速开发框架、支持多种前端UI、内置代码生成器
一款基于.NET Core的快速开发框架、支持多种前端UI、内置代码生成器
|
3月前
|
前端开发 JavaScript C#
一个WPF版的Layui前端UI库
一个WPF版的Layui前端UI库
|
3月前
|
Web App开发 开发框架 运维
一份最近国内外 SAP 从业者在技术交流群里讨论的记录分享:为什么选 UI5 而不选 React
一份最近国内外 SAP 从业者在技术交流群里讨论的记录分享:为什么选 UI5 而不选 React
30 0
|
3月前
|
XML Web App开发 前端开发
如何使用 UI5 前端框架进行图表(Chart)的绘制
如何使用 UI5 前端框架进行图表(Chart)的绘制
26 0
|
5月前
|
前端开发 JavaScript
组件与Props:React中构建可复用UI的基石
组件与Props:React中构建可复用UI的基石
47 0
|
5月前
|
JavaScript 前端开发 程序员
2018年九个很受欢迎的vue前端UI框架
2018年九个很受欢迎的vue前端UI框架
60 0
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
27 0