问题标签 [react-admin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1548 浏览

layout - 如何在“react-admin”“显示”和“编辑”和“创建”屏幕中有更复杂的布局?

我正在尝试建立在 react-admin 之上。基本结构是这样的:

我想做这样的事情:

0 投票
2 回答
5633 浏览

conditional - How do you conditionally show fields in "Show" component in react-admin?

Some fields I want to only show if they have a value. I would expect to do this like so:

But that doesn't work. I can make it somewhat work by making each field a higher order component, but I wanted to do something cleaner. Here's the HOC method I have:

This correctly shows the value, but strips the label.

0 投票
1 回答
2218 浏览

reactjs - React-Admin:如何在“创建”或“编辑”组件中获取自定义输入的值

在过去的几天里,我一直在寻找一种方法来在创建/编辑组件的参数中获取自定义输入组件的值。

我在此链接中按照 Material UI 的示例创建了组件

该组件在应用程序中呈现,但我无法获得输入的值。这是我添加自定义输入的方法

<Create><SimpleForm> ... <CustomAutocompleteInput label="Main Subject" suggestions={subjectSuggestions} source="mainSubject"/> ... </SimpleForm></Create>

谁能帮我?

0 投票
1 回答
864 浏览

reactjs - React Admin,为 List 定义自定义 saga

是否可以为 List 组件定义自定义传奇?我的意思是,当列表被挂载时,它RA/CRUD_GET_LIST会自动调度动作(由于从父组件传递的道具),从服务器获取数据。我想RA/CRUD_GET_LIST用不同的行为定义我自己的,这可能吗?

列表组件:

随着sanitizeProps我过滤我需要的道具并传递其他道具。

我需要等待的资源是:<Resource name="user" />

userId从我的自定义减速器中得到:

0 投票
2 回答
3616 浏览

reactjs - React Admin:我可以使用另一个字段,除了“id”?

有没有办法为 a 使用不同的参考字段(除了idReferenceInput

例如:
我有一个languages资源,我想使用一个language_code字段来填充它。
注意,我不想使用 的id字段languages,我想使用code字段。

我已经设法通过使用以下方法使其工作:

唯一的问题是:

从选择输入中选择一种语言后,ReferenceInput尝试使用code字段而不是id字段来获取资源,这会返回 404 错误。

0 投票
1 回答
1219 浏览

reactjs - 使用 react-admin ,如何从帖子中创建评论

我正在将 react-admin 用于一个新项目。我有权面临的挑战之一是从帖子中创建类似评论的内容。这是我尝试做的方式<CreateButton basePath='/prescriptions' label="prescriptions" record={data}/>。我面临的问题是使用post 表单中的数据记录来创建评论,这意味着我想将post_id与commentForm 中的其他数据一起发送。提前感谢您帮助我。

0 投票
1 回答
667 浏览

reactjs - 自定义列表布局

我正在使用 rest-admin 框架。

我想更改列表的布局,并添加一个自定义组件。

目前的布局是:

实际布局

我想要的是添加一个快速搜索组件。过滤器面板通过操作显示或隐藏它。因为我认为放置快速搜索过滤器会在屏幕上丢失很多空间。我的想法是更好地利用空白空间。

下一张图片将是我需要的布局: 自定义列表

我基于 Google 分析用户管理 UI: 谷歌分析示例

我的问题是:我可以通过重用框架的列表组件而不创建新的“列表”组件来做到这一点吗?

0 投票
1 回答
631 浏览

react-admin - 拦截 api 错误

RA/CRUD_GET_LIST_FAILURE我正在使用带有标准 crud 选项的 react-admin,如果错误是 401(例如令牌超时),我想对(以及将来的所有其他人)做出反应以注销用户

我该怎么做?在自定义请求中,我有自己的 sagas 可以在 catch 部分处理这个问题并正确地完成工作。

如果我尝试拦截RA/CRUD_GET_LIST_FAILURE这样的:

我有一个空白屏幕并弹出一个错误:

谢谢您的帮助

0 投票
2 回答
4718 浏览

reactjs - react-admin SelectField 清除值 onChange

我有一个创建表单,其中根据另一个 SelectInput 的选择使另一个 SelectInput 可见。

第一次发生这种情况时,第一个输入被清除。如何阻止第一个选择清除?

重新创建示例

这是重新创建的代码:

}

导出默认重新创建;

更新:根据答案尝试修复:

0 投票
0 回答
771 浏览

proxy - dataProvider 的“react-admin”代理问题

我的构建在我的本地主机上运行。我让 dataProvider 使用 https 与所有标准视图正常工作(即“显示”,创建“)。我想从这样的函数中创建数据:

实体“批次”中完全相同的 POST 可以从标准的 react-admin“创建”模板工作,但使用此功能,它会失败。它似乎试图代理到“localhost”而不是维护根 API URL。是否有其他方法需要从管理控制器中提取 dataProvider,或者我可以指定 dataProvider 的代理根 URL?

dataProvier.js:

休息.js: