以反應最終形式單獨提交組件

Question

const Buttons = () => {

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

       </>
  );
};

export default Buttons;

我已經使用react-final-form 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 時，我不知道我想通過 props 將它發送到我的 Buttons 組件的表單類型是什么。 另外，我不知道這是否是正確的解決方案。 或者 react-final-form 有什么幫助解決問題的嗎？