0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Fnction components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()? が出た

Posted at

調査

どこでエラーが出力されているのかをコンソールから読み取る。

間違えたこと

  • ref でエラーが出ていると思って useRef の使用箇所を調査して fowardRef へ書き換えようとした。
    • そのまま間違った解釈でエラーを修正しようとして、ドツボにはまる
    • useRef を使用しているコンポーネントを不使用にしてみるが、エラーが消えない(そりゃそうだ)
    • エラー分を読み直して、解釈の間違いに気付く

解決方法

関数を<Link>で囲む場合は、fowardRef を使用する必要がある。

参考記事

そもそも今回は、必要がなかったので削除して完了。

反省

  • 思い込みで突っ走って解決までの時間がかかった。
  • エラー詳細まで読むことをしていなかった。
  • 何故か解決できるという根拠の無い自信があった。

改善

  • 自信を持つことはいいが、過信とは別であることを認識する。
  • ちゃんと文字を読むこと、読んでも全ては理解できていないということを前提としてエラーに対処する。
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?