在react最终形式中单独提交组件

Question

const Buttons = () => {
return (
<>
<div>
<button
buttonType="submit"
disabled={form.hasValidationErrors || form.pristine}
>
Save
</button>
</>
);
};
export default Buttons;

我已经用react-final-form为我的反应表单创建了表单。但我想为提交按钮实现一个单独的组件。我需要访问原始组件，但这给了我一个错误，因为在新组件中并没有任何形式。

有人有解决方案吗？

Answer 1

您是否尝试将表单作为参数发送到Buttons组件？此外，我认为您的代码中缺少了一个结束div。

const Buttons = ({form}) => {
return (
<>
<div>
<button
buttonType="submit"
disabled={form.hasValidationErrors || form.pristine}
>
Save
</button>
</div>
</>
);
};
export default Buttons;

Answer 2

当我使用Typescript时，我不知道要通过道具将其发送到Buttons组件的表单类型是什么。此外，我不知道这是否是一个正确的解决方案。或者最终形式的反应是否有助于解决问题？