前端项目实战贰佰肆拾伍react-admin+material ui-react-admin-admin中的dashboard

最新推荐文章于 2024-04-18 10:03:05 发布

前端歌谣

最新推荐文章于 2024-04-18 10:03:05 发布

阅读量68

点赞数

文章标签：前端 react.js ui

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

版权

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

500 篇文章 1 订阅

订阅专栏

import * as React from "react";
import { Admin } from 'react-admin';
import simpleRestProvider from 'ra-data-simple-rest';

import Dashboard from './Dashboard';

const App = () => (
    <Admin dashboard={Dashboard} dataProvider={simpleRestProvider('http://path.to.my.api')}>
        // ...
    </Admin>
);

设置默认的主页

// in src/Dashboard.js
import * as React from "react";
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';
import { Title } from 'react-admin';
export default () => (
    <Card>
        <Title title="Welcome to the administration" />
        <CardContent>Lorem ipsum sic dolor amet...</CardContent>
    </Card>
);