Кнопка «Сохранить ответ администратора»

Question

Я использую react-admin Framework. Я пытаюсь скопировать SaveButton, чтобы я мог поместить эту кнопку в свой пользовательский компонент Actions и показать эту кнопку в разных частях моего веб-приложения. Мне удалось создать свой пользовательский 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 prop, похоже, не получает из этих свойств 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} />