以反应最终形式单独提交组件

如何解决以反应最终形式单独提交组件

const Buttons = () => {

  return (
    <>
      <div>
        <button
          buttonType="submit"
          disabled={form.hasValidationErrors || form.pristine}
        >
          Save
        </button>

       </>
  );
};

export default Buttons;

我使用 react-final-form 为我的 React 表单创建表单。但我想为提交按钮实现一个单独的组件。我需要访问原始文件，但它给了我一个错误，因为新组件中没有任何表单。

有没有人有解决办法？

解决方法

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

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

export default Buttons;

,

当我使用 Typescript 时，我不知道我想通过 props 将它发送到我的 Buttons 组件的表单类型是什么。另外，我不知道这是否是正确的解决方案。或者 react-final-form 有什么可以帮助解决问题的吗？