react-admin 相关问题

一个前端框架，用于使用ES6，React和Material Design在REST / GraphQL API之上构建在浏览器中运行的管理应用程序。以前名为admin-on-rest。由marmelab开源和维护。

TabbedForm 未突出显示哪个选项卡有错误

我有一个带有 2 个选项卡的 TabbedForm，每个选项卡都有一个 required() 字段。当我提交此表单并且验证失败时，我希望未聚焦的选项卡指示存在错误并带有

react-admin

回答 2 投票 0

react-admin 添加覆盖 MuiCssBaseline @global @font-face 的字体不起作用

我正在尝试将 Google 的 NotoSansSC-Regular.otf 添加到 React-admin，以便简体中文的默认字体就是这样。如果我做 CSS 包含

css reactjs material-ui font-face react-admin

回答 3 投票 0

当我删除项目时，ArrayInput 不会触发 onChange 函数

我添加了一个 onChange 属性。当我添加新元素时它工作得很好，但是如果我删除一个元素，则不会触发该函数。我添加了一个 onChange 属性。当我添加一个新元素时它工作得很好，但是如果我删除一个元素，该函数就不会触发。 <ArrayInput source="names" label={'Names'} onChange={updateNames} > <SimpleFormIterator className={classes.iteratorFormItem} > <TextInput label="" source="value" validate={maxLength(MAX)} /> </SimpleFormIterator> </ArrayInput> 我不明白为什么当我删除元素时onChange不会触发，因为在这种情况下数组被修改了。 onChange 不是react-admin 的 <ArrayInput> 支持的属性。如果当用户更新子记录时它起作用，那是偶然的。该文档没有提及它（请参阅https://marmelab.com/react-admin/Inputs.html#array-inputs）。现在，您似乎想在用户更改数据时对其进行处理。为什么不使用 parse 选项呢？（https://marmelab.com/react-admin/Inputs.html#common-input-props）。创建自定义删除按钮就像预期的那样工作： const handleRemove = () => { console.log('handleRemove'); } <SimpleFormIterator removeButton={ <RemoveItemButtonWithListener listener={handleRemove} /> } > import CloseIcon from '@mui/icons-material/RemoveCircleOutline'; const RemoveItemButtonWithListener = ( props: { listener: () => void } ) => { const { remove } = useSimpleFormIteratorItem(); return ( <IconButtonWithTooltip label="ra.action.remove" size="small" onClick={ () => { remove(); props.listener(); } } color="warning" > <CloseIcon fontSize="small" /> </IconButtonWithTooltip> ); };

javascript reactjs react-admin

回答 2 投票 0

什么原因导致react-admin中出现唯一的key prop警告？

在测试react-admin应用程序时，我不断收到此警告：警告：列表中的每个子项都应该有一个唯一的“key”道具。使用 ...

reactjs react-admin

回答 1 投票 0

react-admin 获取标头 X-Total-Count 问题

当从前端使用react-admin调用后端API时，从浏览器控制台收到此错误：警告：缺少密钥翻译：“HTTP 响应中缺少 X-Total-Count 标头。

reactjs http-headers react-admin

回答 1 投票 0

自定义react admin的Create组件

我正在使用react-admin框架。对于数据提供者，我使用 ra-data-graphql。我的终点返回一个没有 id 字段的对象。错误信息

reactjs graphql react-admin

回答 0 投票 0

React-Admin：在列表中显示之前映射资源数据

我想在向用户显示之前对 API 返回的元素执行其他操作。例如，我有一个值为 0 或 1 的枚举字段，我想显示一些字符串...

reactjs react-admin

回答 2 投票 0

如何删除react-admin列表的过滤器

在页面中，我有一个指向另一个列表的按钮，显示过滤后的结果：在页面中，我有一个指向另一个列表的按钮，显示过滤后的结果： <Button color="primary" component={Link} to={{ pathname: '/jobseekers', search: `filter=${JSON.stringify({ skills: record.id })}`, }} > Job Seekers </Button> 但是，当我单击 jobseekers 资源的菜单时，我会得到过滤后的结果。它将 url 中的过滤选项传递到后端，我不知道如何在单击菜单上的 jobseeks 时重置它们。我在列表中尝试了这些，但它们没有效果，它说 setFilters 不是一个函数，控制台还显示 listContext 的过滤器值为空 import { useListContext } from 'react-admin'; import { useEffect } from 'react'; const MemberList = ({ permissions, hasDelete, hasEdit, hasShow, resource, ...props }) => { const listContext = useListContext(); listContext.setFilters({}, []); useEffect(() => { listContext.filterValues = null listContex.tsetFilters({}, []); console.log("mem list context:",listContext) }, [listContext, props]); 我不知道该怎么办。来自官方文档重置菜单上的过滤器单击：默认情况下，单击列表页面的 <Menu.Item > 将打开列表，其中的过滤器与用户上次看到它们时应用的过滤器相同。这通常是预期的行为，但您的用户可能更喜欢单击菜单项来重置列表过滤器。只需使用空的 filter 查询参数来强制空过滤器： <Menu.Item to="/posts?filter=%7B%7D" // %7B%7D is JSON.stringify({}) primaryText="Posts" leftIcon={<BookIcon />} />

react-admin

回答 1 投票 0

根据 React Admin 中的权限显示或隐藏资源不起作用

根据 React Admin 中的权限显示或隐藏资源不起作用。尝试根据权限呈现资源。这是我的解决方案常量应用程序 = () => { const { 加载、权限 } =

reactjs react-admin

回答 2 投票 0

为 React-Admin 注销过程添加延迟

我在我的 React-Admin 应用程序中实现了 AuthProvider.js，我想将注销过程延迟 5 秒，并在这段时间内显示一个模式，显示“注销...&” ...

javascript reactjs react-admin

回答 1 投票 0

翻译react-admin网络错误通知

我试图在 API 引发异常时显示自定义翻译的通知。默认情况下，当收到 409 冲突响应时，react-admin 会显示一条红色通知，其中包含文本“