复制react-admin保存按钮

Question

我正在使用react-admin框架。我正在尝试复制SaveButton，以便可以将此按钮放到自定义Actions组件上，并在Web应用程序的不同部分上显示该按钮。我已经成功创建了自定义Actions，但是单击按钮时，它没有执行任何操作。这是按钮的文档：

https://github.com/marmelab/react-admin/blob/master/packages/ra-ui-materialui/src/button/SaveButton.tsx

到目前为止，我的代码：

const EditActions = ({ basePath, data, redirect }) =>
(
    <CardActions>
        <ShowButton basePath={basePath} record={data} />
        <SaveButton submitOnEnter={false} redirect={redirect} />
    </CardActions>
);

而且我这样称呼我的行动：

<EditView actions={<EditActions />} {...props} />

任何想法如何复制SaveButton及其保存操作？

谢谢你。

Answer 1

[SaveButton需要很多东西作为道具传递，例如handleSubmit/handleSubmitWithRedirect

EditView actions道具中传递的组件似乎没有收到任何这些属性https://github.com/marmelab/react-admin/blob/94b0828558ed783dab000ecbc03f8a3e0447111c/packages/ra-ui-materialui/src/detail/Edit.js#L119-L127

您是否尝试过通过EditActions传递给他们？

const EditActions = ({ basePath, data, redirect, ...props }) =>
(
    <CardActions>
        <ShowButton basePath={basePath} record={data} />
        <SaveButton submitOnEnter={false} redirect={redirect} {...props} />
    </CardActions>
);

....

<EditView actions={<EditActions {...props} />} {...props} />