请帮助理解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/
需求是通过属性名称获取表单值
反应管理版本:3.8.4
\n我有一个反应管理应用程序,我正在尝试在浅色和深色主题之间切换。
\n下面您可以看到Theme.js,我在其中导出两个具有默认主题覆盖的对象,如文档中所述。(https://material-ui.com/pt/customization/default-theme/)
\nexport 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) 编辑后,我按照惯例在列表上重定向。
但是,我需要在列表 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) 尝试设置图像场的高度和宽度,并将其强制在周围的容器上,而不是图像本身。
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 框架做一个 React Dashboard,我想设置这个:
<BooleanInput source="existe" alwaysOn />
Run Code Online (Sandbox Code Playgroud)
我试过这样的事情:
<BooleanInput source="existe" defaultValue={true} alwaysOn />
Run Code Online (Sandbox Code Playgroud)
但它根本不起作用,有人可以帮助我吗?
取决于源(记录)字段值(例如状态列为“活动”)我想使行背景在 Datagrid 中具有特定颜色。我怎么做?感谢您提供任何示例代码来做到这一点!
在材质UI,延长之间的距离MuiInputLabel和MuiInput,我要重写的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)
谢谢...
在 my 中App,我们有基于角色的permissions喜欢ADD/DELETE。
Admin拥有add, delete,edit的所有权限recordscustomers没有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) 搜索一些有关如何将 keycloak 与反应管理应用程序集成以进行身份验证的示例。
我正在使用 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。
我应该做什么来解决我的问题?
谢谢你!
react-admin ×10
reactjs ×5
material-ui ×3
react-router ×2
jss ×1
react-hooks ×1
react-redux ×1
theming ×1