zoukankan      html  css  js  c++  java
  • react-admin

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

    Admin

    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

  • 相关阅读:
    并发基础(一) 线程介绍
    java基础(九) 可变参数列表介绍
    全球 43 亿 IPv4 地址已耗尽!IPv6,刻不容缓
    IPv6,无需操作就可升级?
    为什么 HTTPS 比 HTTP 安全
    从《国产凌凌漆》看到《头号玩家》,你就能全面了解5G
    再谈 APISIX 高性能实践
    API 网关的选型和持续集成
    尹吉峰:使用 OpenResty 搭建高性能 Web 应用
    鱼和熊掌可兼得?一文看懂又拍云 SCDN
  • 原文地址:https://www.cnblogs.com/Running00/p/12690215.html
Copyright © 2011-2022 走看看