标签: react-admin

在react-final-form中是否有任何函数可以获取表单值

请帮助理解react-final-form的api文档,

我们已经将 redux-form 迁移到了 react-final-form。在我的应用程序中,我们使用 formvalueselector api 来获取表单值。请帮助获得react-final-form中更苗条的api

https://redux-form.com/8.3.0/docs/api/formvalueselector.md/

需求是通过属性名称获取表单值

reactjs react-final-form react-admin

2
推荐指数
1
解决办法
9839
查看次数

如何从商店获取主题并在react-admin上切换应用程序主题?

反应管理版本:3.8.4

\n

我有一个反应管理应用程序,我正在尝试在浅色和深色主题之间切换。

\n

下面您可以看到Theme.js,我在其中导出两个具有默认主题覆盖的对象,如文档中所述。(https://material-ui.com/pt/customization/default-theme/

\n
export const darkTheme = {\npalette: {\n    type: \'dark\'\n},\noverrides: {\n    MuiAppBar: {\n        colorSecondary: {\n            backgroundColor: \'#424242\', //\'#1e4c9a\',\n            color: \'#fff\'\n        },\n    },\n    MuiButton: {\n        textPrimary: {\n            color: \'#fff\',\n        }\n    },\n    MuiTypography: {\n        colorPrimary: {\n            color: \'#fff\'\n        }\n    },\n    MuiDrawer: {\n        paper: {\n            paddingTop: \'20px\'\n        }\n    },\n    MuiFilledInput: {\n        underline: {\n            \'&:after\': {\n                borderBottomColor: \'#bf9f00\'\n            }\n        }\n    },\n    MuiFormLabel: {\n        root: {\n            \'&$focused\': {\n                color: \'#bf9f00\'\n            }\n        }\n    },\n}\n}\n\nexport const lightTheme = {\n …
Run Code Online (Sandbox Code Playgroud)

theming material-ui react-admin themeprovider

2
推荐指数
1
解决办法
2243
查看次数

如何向 Edit 中的 SimpleForm 提供自定义重定向?

编辑后,我按照惯例在列表上重定向。

但是,我需要在列表 URL 中提供其他参数。

有没有办法在 SimpleForm/Edit 上“欺骗”以自定义重定向?

这是我的代码的相关部分:

const ProviderUserEditActions = ({ basePath, data }) => {
  if (! data) return null
  return (
    <CardActions style={cardActionStyle}>
        <ListButton basePath={basePath+'?'+queryString.stringify({providerId:data.providerId, providerName:data.providerName})} />
        <RefreshButton />
    </CardActions>
  );
}

export const ProviderUserEdit = (props) => (
    <Edit actions={<ProviderUserEditActions/>} title={<ProviderUserEditTitle />} {...props}>
        {/*redirect=false will cause the loosing of the URL parameters :(
          but this is the "least worst", because otherwise it would redirect to
          'list' but without URL parameters it will completely crash...
          we hope …
Run Code Online (Sandbox Code Playgroud)

admin-on-rest react-admin

1
推荐指数
1
解决办法
1116
查看次数

react-admin ImageField高度/宽度

尝试设置图像场的高度和宽度,并将其强制在周围的容器上,而不是图像本身。

const styles = {
  profile: { height: 50, width: 50 }
}

export const UserList = withStyles(styles)(({ classes, permissions, ...props }) => (
  <List actions={<UserListActions />} sort={{ field: 'lastName', order: 'ASC' }} title="All users" {...props} bulkActions={false}>
    <Datagrid>
      <ImageField source="imageUrl" label="Profile Picture" className={classes.profile} />
Run Code Online (Sandbox Code Playgroud)

react-admin

1
推荐指数
1
解决办法
725
查看次数

设置过滤器的默认值

我正在使用 React-Admin 框架做一个 React Dashboard,我想设置这个:

<BooleanInput source="existe" alwaysOn />
Run Code Online (Sandbox Code Playgroud)

我试过这样的事情:

<BooleanInput source="existe" defaultValue={true} alwaysOn />
Run Code Online (Sandbox Code Playgroud)

但它根本不起作用,有人可以帮助我吗?

reactjs react-admin

1
推荐指数
1
解决办法
1183
查看次数

如何有条件地更改数据网格行背景颜色?

取决于源(记录)字段值(例如状态列为“活动”)我想使行背景在 Datagrid 中具有特定颜色。我怎么做?感谢您提供任何示例代码来做到这一点!

react-admin

1
推荐指数
1
解决办法
4243
查看次数

在 Material UI 中,如何覆盖选择器选定的组件样式?

在材质UI,延长之间的距离MuiInputLabelMuiInput,我要重写的marginTop label + .MuiInput-formControl

但是,createMuiTheme的覆盖仅提供对 Mui 组件 CSS 的直接覆盖,例如:

createMuiTheme({
  overrides: {
    MuiInput: {
      formControl: {
        marginTop: '1.5rem',
      },
    },
  }
})
Run Code Online (Sandbox Code Playgroud)

我该怎么做:

createMuiTheme({
  overrides: {
    'label+MuiInput': {
      formControl: {
        marginTop: '1.5rem',
      },
    },
  }
})
Run Code Online (Sandbox Code Playgroud)

谢谢...

reactjs material-ui jss react-admin

1
推荐指数
1
解决办法
1946
查看次数

React-Admin:如何使用 Datagrid &lt;row&gt; 隐藏“复选框”?

在 my 中App,我们有基于角色的permissions喜欢ADD/DELETE

  • Admin拥有add, delete,edit的所有权限records
  • customers没有delete权限。

因此,我想隐藏delete 复选框内的<Datagrid>客户。

//RoleList.js

import React from "react";
import { List, Datagrid, TextField, SingleFieldList, ChipField, EditButton, DeleteButton, ReferenceArrayField, Loading } from "react-admin";
import { makeStyles } from "@material-ui/core/styles";

const useStyles = makeStyles(theme => ({
  chips: {
    backgroundColor: theme.palette.secondary.light
  }
}));

const RoleList = ({ permissions, ...props }) => {
  const classes = useStyles();

  if (!permissions) …
Run Code Online (Sandbox Code Playgroud)

material-ui react-admin

1
推荐指数
2
解决办法
1763
查看次数

Keycloak 与反应管理集成

搜索一些有关如何将 keycloak 与反应管理应用程序集成以进行身份​​验证的示例。

reactjs react-router react-redux react-admin react-hooks

1
推荐指数
1
解决办法
3143
查看次数

如何在react-admin中为自定义路由提供道具?

我正在使用 reac-admin,并希望在编辑后将用户重定向到自定义路由。

  <Edit {...props}>
        <TabbedForm redirect={redirect(`/XXX/${props.id}/YYY`)}  >

       {/* fileds */}

        </TabbedForm >
  </Edit>
Run Code Online (Sandbox Code Playgroud)

在自定义路线中我有这条路线:

    <Route exact path="/XXX/:id/YYY" render={(props) => <MyRoute {...props} />} />
Run Code Online (Sandbox Code Playgroud)

我的问题是如何像表演中那样传递道具?

为什么当重定向到 show : 时 redirect="show",传递的 props 与重定向到自定义路由时不同?

有一些丢失的道具,我需要它们,比如 id。

我应该做什么来解决我的问题?

谢谢你!

reactjs react-router react-admin

1
推荐指数
1
解决办法
663
查看次数