react-admin

https://marmelab.com/react-admin/Tutorial.html

1、dataProvider

唯一必需的属性,它必须是一个返回一个promise的函数,

dataProvider={函数}, dataProvider: 数据提供程序,可以自己编写时候项目的dataProvider,demo中的例子:

  • 1、dataProvider对应的值是函数:参数是(url请求URL一部分, httpClient:请求函数),返回值为一个函数,接收参数(type类型,resource和URL一部分,param请求的参数),函数返回值是个promise
  • 2、Admin 的dataProvider接收是函数,即1步骤的调用结果,

2、title:

  • 默认情况下,一个admin app的头部使用'React Admin'作为主app标题。它可能是你会想要自定义的第一件事。这个title属性正是为这个目的服务的。

3、authProvider:

authProvider 属性期望函数返回一个Promise,以控制应用程序身份验证策略:

4、customRoutes:

要注册自己的路由, 请创建一个模块, 返回一个 react-router 组件列表:

5、loginPage:

如果要自定义登录页,或切换到其他身份验证策略,而不是用户名/密码表单, 请将自己的组件作为 loginPage 属性传递。 只要调用 /login 路由,React-admin 就会显示该组件。

6、logoutButton

如果自定义 loginPage,则可能需要重写 logoutButton,因为它们共享身份验证策略。

Resource

1、name:

React-admin 使用 name 属性既确定API端点(被传递到dataProvider)又为resource构成URL。

2、icon

React-admin 将在菜单中呈现 icon 属性组件

3、list

4、create

List

title:

一个列表视图的默认标题是"[resource] list"(例如:"Posts list")。使用 title 属性来自定义列表视图标题:

actions

你可以通过你自己的元素使用 actions 属性替换掉默认的 action 列表

bulkActionButtons

react element

filters

值为Filter

sort

{field: 'test', order: 'DESC'}

pagination

<Pagination {...props} rowsPerPageOptions={[10, 20, 30, 40]} />

CardActions

CreateButton

basePath

ExportButton

resource

sort

filter

exporter