`setFocus:` (name: string, options: SetFocusOptions) => void

このメソッドを使用すると、ユーザーはプログラムで入力にフォーカスできます。入力のrefがフックフォームに登録されていることを確認してください。

プロパティ

名前		型	説明
`name`		string	フォーカスする入力フィールドの名前
`options`	`shouldSelect`	boolean	フォーカス時に入力内容を選択するかどうか。

ルール

このAPIはrefからフォーカスメソッドを呼び出すため、register中にrefを提供することが重要です。
reset APIによってすべての入力参照が削除されるため、resetの直後にsetFocusを呼び出すことは避けてください。

例

CodeSandbox ^TS

import * as React from "react"
import { useForm } from "react-hook-form"

type FormValues = {
  firstName: string
}

export default function App() {
  const { register, handleSubmit, setFocus } = useForm<FormValues>()
  const onSubmit = (data: FormValues) => console.log(data)
  renderCount++

  React.useEffect(() => {
    setFocus("firstName")
  }, [setFocus])

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register("firstName")} placeholder="First Name" />
      <input type="submit" />
    </form>
  )
}

ご支援ありがとうございます

React Hook Form がプロジェクトで役立つと思われる場合は、スターを付けてサポートを検討してください。

setFocus

setFocus: (name: string, options: SetFocusOptions) => void

プロパティ

例

ご支援ありがとうございます

`setFocus:` (name: string, options: SetFocusOptions) => void