Reactjs rest上的管理员:自定义编辑组件

Reactjs rest上的管理员:自定义编辑组件,reactjs,admin-on-rest,Reactjs,Admin On Rest,我需要通过两种方式自定义编辑组件: 添加自定义按钮,但不添加到上部面板(带有“列表”和 “刷新”按钮),但位于组件底部(默认“保存”旁边) 按钮) 在默认的“保存”按钮上关闭重定向单击(使其 保存并停留在第页) 我是如何做到这一点的?我遇到了这个没有答案的问题。因为我最近才做了类似的事情,所以我将在这里分享我是如何做到的。顺便说一句,我正在REST1.4.0上使用admin 因此,在您的组件上,添加这个工具栏={}。然后创建一个带有按钮的自定义工具栏。在按钮上,您可以使用重定向重定向到另一页

我需要通过两种方式自定义
编辑
组件:

  • 添加自定义按钮,但不添加到上部面板(带有“列表”和 “刷新”按钮),但位于组件底部(默认“保存”旁边) 按钮)
  • 在默认的“保存”按钮上关闭重定向单击(使其 保存并停留在第页)

我是如何做到这一点的?

我遇到了这个没有答案的问题。因为我最近才做了类似的事情,所以我将在这里分享我是如何做到的。顺便说一句,我正在REST1.4.0上使用admin

因此,在您的
组件上,添加这个
工具栏={}
。然后创建一个带有按钮的自定义工具栏。在按钮上,您可以使用
重定向
重定向到另一页

代码示例:

import { SaveButton, Toolbar, TextInput, Edit, SimpleForm  } from 'admin-on-rest';

const MyToolbar = props => 
 <Toolbar {...props} >
   <SaveButton label="Save & to dashboard" redirect="/" />
   .. more buttons here..
 </Toolbar>;


export const EditForm = (props) => (
<Edit title="Edit" {...props}>
    <SimpleForm toolbar={<MyToolbar />}>
        <TextInput source="company_website" type="url" />
        <TextInput source="address_street" />
        <TextInput source="address_zip" />
        <TextInput source="address_unitnr" />
        <TextInput source="address_city" />
    </SimpleForm>
</Edit>
);
import{SaveButton,Toolbar,TextInput,Edit,SimpleForm}来自'admin on rest';
const MyToolbar=props=>
.. 这里有更多的按钮。。
;
导出常量EditForm=(道具)=>(
);

希望这有帮助

在即将发布的1.2.0版本中,这两种方法都很容易实现(请参阅关于主题的#692 Pull请求:)。同时,您将拥有顶部复制和粘贴当前编辑组件的功能,以添加您自己的按钮,并创建一个自定义传奇来修改重定向行为。因为这很难做到,而且1.2.0也不远,我建议您等待;)谢谢,我会等1.2.0。@Françoiszaninoto现在1.2已经发布了,你能提供这个问题的答案吗。我不想创建重复的问题。