Skip to content

Builder

コードとサンプルを使用して独自のフォームを構築します。

フォームレイアウト

!Input クリエーターを使用してフィールドを追加できます。

    Input クリエーター

    !このフォームは input を作成・編集できます。フォームを生成ボタンをクリックすると、更新された新しいフォームが作成されます。

    コード

    !フォームに変更を加えるとコードセクションが更新されます。コードセクション内のコードをコピーすることもできます。

    import React from 'react';
    import { useForm } from 'react-hook-form';
    
    export default function App() {
      const { register, handleSubmit, errors } = useForm();
      const onSubmit = data => console.log(data);
      console.log(errors);
      
      return (
        <form onSubmit={handleSubmit(onSubmit)}>
    
          <input type="submit" />
        </form>
      );
    }

    もっと知りたいですか?

    React Hook Form のドキュメントを見て、API に関する全ての情報を確認してください。