将现有记录/值传递到创建组件

Question

我们想知道如何在 React admin 中将现有/选定的记录从列表传递到创建视图。

我们遇到的情况是，列表视图中的每个条目都有一个"编辑"和"创建"按钮。我们希望能够单击所述行的"创建"，并能够在"创建"中显示该行/记录信息。我知道这听起来与编辑它没有什么不同，但我们希望能够有一个从现有功能复制/创建。如果我们只是使用普通的创建视图，则需要从头开始填写信息。在某些情况下，我们希望在预先存在的数据之上创建。

我们问这个问题的另一个原因是因为 react-admin 文档特别指出：

接受记录属性，以基于值对象初始化表单。

我们假设您可以将所选记录传递到 create 中，我们已经尝试过，但它似乎不起作用。

任何帮助表示赞赏，谢谢。

这就是我在想的：

export const DataCreate = (props) => (
<Create title="Create new " {...props} >
<TabbedForm record={props.record} 
//can we do something like this to pass record to create?> 
<FormTab label = "Basic Info">
<TextInput source="type" label="type" />

Answer 1

我们最近更新了此用例的文档：https://marmelab.com/react-admin/CreateEdit.html#prefilling-a-create-record

下面是一个示例：

"创建"组件

const commentDefaultValue = { nb_views: 0 };
export const CommentCreate = ({ location, ...props }) => (
<Create
record={(location.state && location.state.record) || defaultValue}
location={location}
{...props}
>
<SimpleForm>
<TextInput source="author" />
<RichTextInput source="body" />
<NumberInput source="nb_views" />
</SimpleForm>
</Create>
);

"创建"按钮

import Button from '@material-ui/core/Button';
import { Link } from 'react-router-dom';
const CreateRelatedCommentButton = ({ record }) => (
<Button
component={Link}
to={{
pathname: '/comments/create',
state: { record: { post_id: record.id } },
}}
>
Write a comment for that post
</Button>
);

编辑：发布版本2.2.0时，将不再需要文档中解释的技术。Create将自动从位置状态或搜索中读取其默认值。请参阅 https://github.com/marmelab/react-admin/pull/1991。不过，您仍然需要自定义按钮