Reactjs 传递现有记录/值以创建组件
我们想知道如何将列表中的现有/选定记录传递给react admin中的create视图 我们的列表视图中的每个条目都有一个编辑和创建按钮。我们希望能够为所述行单击Create,并且能够在Create中显示该行/记录信息。我知道这听起来和编辑它没什么不同,但我们希望能够从现有功能复制/创建一个。如果我们只是使用一个普通的创建视图,我们需要从头开始填充信息。我们有一些案例需要在已有数据的基础上创建 我们问这个问题的另一个原因是,react admin文档特别指出: 接受记录道具,以基于值对象初始化窗体 我们假设您可以将所选记录传递到create中,我们已经尝试过了,但它似乎不起作用 谢谢你的帮助 这就是我的想法:Reactjs 传递现有记录/值以创建组件,reactjs,admin-on-rest,react-admin,Reactjs,Admin On Rest,React Admin,我们想知道如何将列表中的现有/选定记录传递给react admin中的create视图 我们的列表视图中的每个条目都有一个编辑和创建按钮。我们希望能够为所述行单击Create,并且能够在Create中显示该行/记录信息。我知道这听起来和编辑它没什么不同,但我们希望能够从现有功能复制/创建一个。如果我们只是使用一个普通的创建视图,我们需要从头开始填充信息。我们有一些案例需要在已有数据的基础上创建 我们问这个问题的另一个原因是,react admin文档特别指出: 接受记录道具,以基于值对象初始化窗
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" />
export const DataCreate=(道具)=>(
我们最近更新了此用例的文档:
下面是一个例子:
创建组件
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>
);
const commentDefaultValue={nb_视图:0};
export const CommentCreate=({location,…props})=>(
);
创建按钮
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>
);
从“@material ui/core/Button”导入按钮;
从'react router dom'导入{Link};
const CreateRelatedCommentButton=({record})=>(
为那篇文章写评论
);
编辑:当版本
2.2.0
发布时,文档中解释的技术将不再是必需的。Create
将自动从位置状态或搜索中读取其默认值。请参阅。您仍然需要自定义按钮,尽管您好,请发布您迄今为止尝试的代码示例下面是一个示例:\n`export const DataCreate=(props)=>(您是否正在重定向到“创建”页面?虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接供参考。如果链接页面发生更改,则仅链接的答案可能无效。-我将尽快包含代码示例。而不是。)ks供审查:)