ファイルアップロード用のクリック可能なリンクをレンダリングする次のコンポーネントがあります
リーリー このコンポーネントを使用してファイルをアップロードするたびに、反応エラーが発生します。 前回のレンダリング時よりも多くのフックがレンダリングされました。 。 React は、フックの順序が次のように変更されたことを示します
コードを見ても、なぜこのエラーが発生するのか理解できません。 React は、useState を呼び出すコンポーネントの最初の行がエラーの原因であると言っていますが、それは私には意味がありません。条件なしでリアクティブ フックを呼び出すとこの問題が発生し、このエラーをスローするコンポーネントの最初の行がフックが変更された順序と一致しません。
私はreact 18.2.0、typescript 4.9.5を使用しています
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
問題はコンポーネントの呼び出し方法にあることが判明しました。親コンポーネントのレンダリング
リーリーFileUploadLinkは次のようになります修正方法は、コンポーネントをタグで囲むことです。つまり、
リーリー