如何在不使用资源组件的情况下在AOR中保存表单数据?

时间:2018-06-04 09:51:13

标签: reactjs admin-on-rest

我目前正在开发一个项目并使用admin-on-rest。到目前为止,Resource组件非常有用,可以轻松构建视图以列出,查看,创建和编辑项目。但是出现了一些情况,其中不需要Resource组件并将API端点映射到AOR中的某些URL。

在这个项目中,有一个设置页面,例如更改网站语言。现在我还想添加一个用于编辑客户数据的表单。 AOR文档有一些示例,其中SimpleForm组件位于Edit组件内部,但我无法这样做,因为使用它会引发错误。我还不知道这些错误的确切原因,但我想这与此有关,我没有使用Resource组件来映射{{{}的正确API端点1}}要使用的组件。

首先,我遇到了如何在不使用Edit组件的情况下将客户数据传输到SimpleForm组件的问题。我通过添加对Resource方法的休息调用并将响应设置为状态来解决这个问题。使用状态,SimpleForm组件可以显示正确的客户数据。 SimpleForm默认提供了一个Save按钮,但我也发现我可以使用工具栏prop来覆盖它。

到目前为止我的代码:

componentDidMount

但我应该如何实施保存客户详细信息?保存按钮当前没有任何功能,可能是因为它不知道该怎么做。我是否应该通过对客户端点的rest put调用创建一些自定义函数?如何将该函数绑定到该保存按钮?

1 个答案:

答案 0 :(得分:0)

不要将react-admin组件用于除资源之外的任何其他组件。它不是UI工具包。在您的情况下,您应该使用普通的旧材料-ui并自己实现表单(验证,提交提取等)