React try catch 内での、画面遷移方法

Question

こんにちは、質問をみてくださりありがとうございます。

現在、ReactでAPI化したRailsと繋げてアプリを作ってます。

Formの内容を送信し、

1. 成功すれば他のページに画面遷移
2. 失敗すればエラーメッセージを出す。

という機能を実装したいと思い、以下の内容でコードを書きました。

  const history = useHistory()

  const handleOnSubmit = e => {
    e.preventDefault()
    try {
      const res = API.patch("/v1/auth", {
          params: {...form}
        )
      history.push("/users")

    } catch (err) {
      setError(err.message)
    }
  }

しかし、書いている途中に、Hooksは条件分岐内での使用は推奨されていないことを思い出しました。

hooksを使わず、try catch内で画面遷移させるいい方法をご存知の方がいらっしゃればご教授よろしくお願いします。

Answer 1

Hooksは条件分岐内での使用は推奨されていないことを思い出しました。

それは、use***自体を条件分岐やループに置くのが良くないという話です。

use***の中で使う関数は、分岐やループなどが入っても何ら問題ありません。

Comments

[amedama]

そうなんですか！
ありがとうございます！