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

  • 相关阅读:
    Irrlicht入门教程,下载安装运行
    git 命令用法 流程操作
    summernote富文本编辑器的使用
    MVC进行多文件上传
    jQuery中的for循环var与let的区别
    识别图片中文字(百度AI)
    sublime安装 和 插件安装
    nopCommerce电子商务平台 安装教程(图文)
    springMVC 配置和使用
    mysql 一看就会 基本语法
  • 原文地址:https://www.cnblogs.com/Running00/p/12690215.html
Copyright © 2011-2022 走看看